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