Web前端开发（初级）（上册）-习题及答案 ch05 JavaScript对象模型_第1页
Web前端开发（初级）（上册）-习题及答案 ch05 JavaScript对象模型_第2页
Web前端开发（初级）（上册）-习题及答案 ch05 JavaScript对象模型_第3页
Web前端开发（初级）（上册）-习题及答案 ch05 JavaScript对象模型_第4页
全文预览已结束

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

JavaScript对象模型章节练习1..写一个diy,根据浏览器的宽度和高度，将div设置在屏幕的中心位置。答：这是一个根据浏览器宽度和高度将div设置在屏幕中心位置的DIY：```html<!DOCTYPEhtml><html><head><style>#centeredDiv{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}</style></head><body><divid="centeredDiv"><!--在这里添加你想要在屏幕中心显示的内容--></div><script>window.addEventListener('resize',centerDiv);functioncenterDiv(){varcenteredDiv=document.getElementById('centeredDiv');varscreenWidth=window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth;varscreenHeight=window.innerHeight||document.documentElement.clientHeight||document.body.clientHeight;centeredDiv.style.top=screenHeight/2-centeredDiv.offsetHeight/2+'px';centeredDiv.style.left=screenWidth/2-centeredDiv.offsetWidth/2+'px';}//页面加载完成后首次居中divwindow.addEventListener('load',centerDiv);</script></body></html>```2.打印本浏览器访问的URL地址。答：在JavaScript中，你可以使用`window.location.href`获取当前浏览器地址栏中显示的URL。例如：```javascriptconsole.log(window.location.href);```3.打印浏览器的刷新频率。目前大部分浏览器不提供直接获取浏览器刷新频率的API。但是你可以使用JavaScript中的`requestAnimationFrame`来估计刷新频率，它通常与显示器的刷新频率相匹配。例如：```javascriptvarstartTime=performance.now();varframes=0;functioncountFrames(){frames++;varcurrentTime=performance.now();if(currentTime-startTime>=1000){console.log('刷新频率:',Math.round(frames/((currentTime-startTime)/1000)),'fps');frames=0;startTime=currentTime;}requestAnimationFrame(countFrames);}countFrames();```4.在页面上写一个table标签，写一个按钮，响应单击事件，调用一个函数，每单击一次，为table增加一行数据，单元格中内容任意。答：这是一个向table中添加行数据的示例，按钮每次点击都会调用相应的函数：```html<!DOCTYPEhtml><html><head><script>functionaddTableRow(){vartable=document.getElementById('myTable');varrow=table.insertRow();varcell1=row.insertCell();cell1.innerHTML='数据1';varcell2=row.insertCell();cell2.innerHTML='数据2';}</script></head><body><tableid="myTable"><tr><th>列1</th><th>列2</th></tr></table><buttononclick="addTableRow()">添加行</button></body></html>```5.上述table中生成的每行尾部单元格内加一个删除链接，当点击此链接时删除当前行(提示：使用parentNode,行节点是单元格节点的父，单元格节点是链接节点的父)。这是一个在每行末尾添加删除链接的示例，点击链接时会删除对应的行：```html<!DOCTYPEhtml><html><head><script>functionaddTableRow(){vartable=document.getElementById('myTable');varrow=table.insertRow();varcell1=row.insertCell();cell1.innerHTML='数据1';varcell2=row.insertCell();cell2.innerHTML='数据2';vardeleteLink=document.createElement('a');deleteLink.innerHTML='删除';deleteLink.href='#';deleteLink.onclick=function(){varcurrentRow=this.parentNode.parentNode;currentRow.parentNode.removeChild(currentRow);returnfalse;};vardeleteCell=row.insertCell();deleteCell.appendChild(deleteLink);}</script></head><body><tabl

人人文库> 全部分类> 教育资料 > 考试试卷

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论