Web前端開(kāi)發(fā)（初級(jí)）（上冊(cè)）-習(xí)題及答案 ch05 JavaScript對(duì)象模型_第1頁(yè)
Web前端開(kāi)發(fā)（初級(jí)）（上冊(cè)）-習(xí)題及答案 ch05 JavaScript對(duì)象模型_第2頁(yè)
Web前端開(kāi)發(fā)（初級(jí)）（上冊(cè)）-習(xí)題及答案 ch05 JavaScript對(duì)象模型_第3頁(yè)
Web前端開(kāi)發(fā)（初級(jí)）（上冊(cè)）-習(xí)題及答案 ch05 JavaScript對(duì)象模型_第4頁(yè)
全文預(yù)覽已結(jié)束

下載本文檔

版權(quán)說(shuō)明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請(qǐng)進(jìn)行舉報(bào)或認(rèn)領(lǐng)

文檔簡(jiǎn)介

JavaScript對(duì)象模型章節(jié)練習(xí)1..寫(xiě)一個(gè)diy,根據(jù)瀏覽器的寬度和高度，將div設(shè)置在屏幕的中心位置。答：這是一個(gè)根據(jù)瀏覽器寬度和高度將div設(shè)置在屏幕中心位置的DIY：```html<!DOCTYPEhtml><html><head><style>#centeredDiv{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}</style></head><body><divid="centeredDiv"><!--在這里添加你想要在屏幕中心顯示的內(nèi)容--></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';}//頁(yè)面加載完成后首次居中divwindow.addEventListener('load',centerDiv);</script></body></html>```2.打印本瀏覽器訪問(wèn)的URL地址。答：在JavaScript中，你可以使用`window.location.href`獲取當(dāng)前瀏覽器地址欄中顯示的URL。例如：```javascriptconsole.log(window.location.href);```3.打印瀏覽器的刷新頻率。目前大部分瀏覽器不提供直接獲取瀏覽器刷新頻率的API。但是你可以使用JavaScript中的`requestAnimationFrame`來(lái)估計(jì)刷新頻率，它通常與顯示器的刷新頻率相匹配。例如：```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.在頁(yè)面上寫(xiě)一個(gè)table標(biāo)簽，寫(xiě)一個(gè)按鈕，響應(yīng)單擊事件，調(diào)用一個(gè)函數(shù)，每單擊一次，為table增加一行數(shù)據(jù)，單元格中內(nèi)容任意。答：這是一個(gè)向table中添加行數(shù)據(jù)的示例，按鈕每次點(diǎn)擊都會(huì)調(diào)用相應(yīng)的函數(shù)：```html<!DOCTYPEhtml><html><head><script>functionaddTableRow(){vartable=document.getElementById('myTable');varrow=table.insertRow();varcell1=row.insertCell();cell1.innerHTML='數(shù)據(jù)1';varcell2=row.insertCell();cell2.innerHTML='數(shù)據(jù)2';}</script></head><body><tableid="myTable"><tr><th>列1</th><th>列2</th></tr></table><buttononclick="addTableRow()">添加行</button></body></html>```5.上述table中生成的每行尾部單元格內(nèi)加一個(gè)刪除鏈接，當(dāng)點(diǎn)擊此鏈接時(shí)刪除當(dāng)前行(提示：使用parentNode,行節(jié)點(diǎn)是單元格節(jié)點(diǎn)的父，單元格節(jié)點(diǎn)是鏈接節(jié)點(diǎn)的父)。這是一個(gè)在每行末尾添加刪除鏈接的示例，點(diǎn)擊鏈接時(shí)會(huì)刪除對(duì)應(yīng)的行：```html<!DOCTYPEhtml><html><head><script>functionaddTableRow(){vartable=document.getElementById('myTable');varrow=table.insertRow();varcell1=row.insertCell();cell1.innerHTML='數(shù)據(jù)1';varcell2=row.insertCell();cell2.innerHTML='數(shù)據(jù)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. 本站所有資源如無(wú)特殊說(shuō)明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請(qǐng)下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請(qǐng)聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁(yè)內(nèi)容里面會(huì)有圖紙預(yù)覽，若沒(méi)有圖紙預(yù)覽就沒(méi)有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫(kù)網(wǎng)僅提供信息存儲(chǔ)空間，僅對(duì)用戶上傳內(nèi)容的表現(xiàn)方式做保護(hù)處理，對(duì)用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對(duì)任何下載內(nèi)容負(fù)責(zé)。
  • 6. 下載文件中如有侵權(quán)或不適當(dāng)內(nèi)容，請(qǐng)與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準(zhǔn)確性、安全性和完整性, 同時(shí)也不承擔(dān)用戶因使用這些下載資源對(duì)自己和他人造成任何形式的傷害或損失。

最新文檔

評(píng)論

0/150

提交評(píng)論