-
js實(shí)現(xiàn)遮蓋層查看全部
-
if ( event && event.stopPropagation ) { // 因此它支持W3C的stopPropagation()方法 event.stopPropagation(); } else { // 否則，我們需要使用IE的方式來(lái)取消事件冒泡 window.event.cancelBubble = true; }查看全部
-
<div>遮罩層查看全部
-
知識(shí)點(diǎn)查看全部
-
獲取頁(yè)面的高度和寬度，另外，遮罩層也直接用js來(lái)實(shí)現(xiàn)查看全部
-
內(nèi)容簡(jiǎn)單易懂，受用了查看全部
-
document.documenElement.scrollHeight;獲取整個(gè)頁(yè)面的高度。查看全部
-
document.documenElement.clientHeight; 獲取頁(yè)面可視區(qū)域的高度。查看全部
-
JS遮罩層查看全部
-
頁(yè)面的寬度和高度：scrollHeight、scrollWidth 可視區(qū)域的高度和寬度：clientHeight、clientWidth 注：如果頁(yè)面是豎向的頁(yè)面，那么可視區(qū)域的寬度(clientWidth)和頁(yè)面寬度(scrollWidth)是一樣的； .獲取元素的高度和寬度，需先將該元素插入到DOM。如果沒(méi)有這一步操作，那么該元素只存在JavaScript中，對(duì)于DOM而言是不可見(jiàn)的。 獲取元素的高度：offsetHeight，offsetWidth obj.offsetHeight可以獲取寫(xiě)在樣式文件里的屬性值，而obj.style.height只能獲取行內(nèi)屬性，在表現(xiàn)與結(jié)構(gòu)分離的今天，這顯然是不合適的查看全部
-
遮蔽層（mask）//獲取頁(yè)面的高度和寬度 登錄層（可視區(qū)域）//可視區(qū)域的高度和寬度查看全部
-
JS創(chuàng)建一個(gè)遮罩層： 1、創(chuàng)建遮罩層： ①js實(shí)現(xiàn)元素的添加(即創(chuàng)建元素節(jié)點(diǎn))方法：var oMask=document.createElement("標(biāo)簽名"); ②給創(chuàng)建的元素一個(gè)id：oMask.id="mask"; 2、獲取頁(yè)面的高度和寬度： var sHeight=document.documentElement.scrollHeight; var sWidth=document.documentElement.scrollWidth; 3.給遮罩層加上寬高: ①給剛才創(chuàng)建的元素設(shè)置高度和寬度為頁(yè)面高度和寬度，別忘了加單位px oMask.style.height=sHeight+"px"; oMask.style.width=sWidth+"px"; 4、到這一步刷新頁(yè)面，并沒(méi)有創(chuàng)建的那個(gè)元素顯示，為什么？ 創(chuàng)建的元素目前還停留在JS里面，它并沒(méi)有向文檔插入節(jié)點(diǎn)，所以要做下一步插入節(jié)點(diǎn) 5、將遮罩層插入到頁(yè)面中 ①插入節(jié)點(diǎn)： document.body.appendChild(oMask);這就是在頁(yè)面的尾部追加節(jié)點(diǎn) 6、這時(shí)載刷新頁(yè)面就出現(xiàn)剛才創(chuàng)建的遮罩層了 在JS里創(chuàng)建節(jié)點(diǎn)： var XX=document.creatElement("div"); 節(jié)點(diǎn)id創(chuàng)建 XX.id="mask"; 給其添加css樣式 XX.style.width=100+"px"; 在頁(yè)面尾部追加節(jié)點(diǎn) document.body.appendChild("XX");查看全部
-
彈出層的制作：查看全部
-
-1-：獲取頁(yè)面總高寬度 scrollHeight、scrollWidth 做遮罩層 -2-：追加元素節(jié)點(diǎn) appendChlid 添加樣式 -3-：獲取offsetHeight、offsetWidth 減去自身高度 給登錄框居中 -4-: 刪除元素節(jié)點(diǎn) removeClass查看全部
-
document.documentElement.clientHeight 獲取當(dāng)前可視區(qū)域的高度 .clientWidth 獲取當(dāng)前可視區(qū)域的寬度查看全部
舉報(bào)
0/150
提交
取消