亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

彈出層效果

難度初級
時長25分
學習人數
綜合評分9.60
176人評價 查看評價
9.8 內容實用
9.6 簡潔易懂
9.4 邏輯清晰
  • position:fixed; z-index:1001; filter: alpha(opacity=50); 1.頁面的寬度和高度:document.body.scrollWidth document.body.scrollHeight 2.可視區域的高度:document.documentElement.clientHeight 3.元素的高度和寬度:Object.offsetHeight Object.offsetWidth 4.創建元素:document.createElement() 5.添加元素:document.body.appendChild() 6.刪除元素:document.body.removeChild() 7.不要忘記單位"px",left:width/2+"px",top:height/2+"px"。
    查看全部
    0 采集 收起 來源:編程挑戰

    2018-03-22

  • 123456
    查看全部
    0 采集 收起 來源:JS實現遮罩層

    2016-06-15

  • 彈出層
    查看全部
    0 采集 收起 來源:效果簡介

    2016-06-13

  • document.createElement('div')
    查看全部
    0 采集 收起 來源:編程挑戰

    2016-06-11

  • 1、obj.offsetHeight可以獲取寫在樣式文件里的屬性值,而obj.style.height只能獲取行內屬性,在表現與結構分離的今天,這顯然是不合適的 2、obj.offsetHeight返回的是一個數值,而obj.style.height返回的是一個字符串,單位是“px” 3、obj.offsetHeight是只讀,而obj.style.height是可讀寫 4、如果沒有為元素設置高度,obj.offsetHeight會根據內容獲取高度值,而obj.style.height會返回undefind
    查看全部
    0 采集 收起 來源:JS實現登錄框

    2016-06-11

  • clintHeight 可視高度 scrollHeight:頁面高度
    查看全部
    0 采集 收起 來源:JS實現登錄框

    2016-06-11

  • 1、彈出層效果 要創建一個彈出層,可以現在CSS樣式表里把這個彈出層的#id和樣式設好, 然后在JS里創建這個彈出層 2、要實現點擊登陸框以外的區域也可以關閉登陸框 可以設一個可視區大小的遮罩層oMask,opacity設為0 oMask.onclick=oClose.onclick=function(){ }
    查看全部
    0 采集 收起 來源:編程練習

    2016-06-10

  • document.documenElement.scrollHeight;獲取整個頁面的高度。 document.documenElement.scrollWidth; 獲取整個頁面的寬度。 document.documenElement.clientHeight; 獲取頁面可視區域的高度。
    查看全部
    0 采集 收起 來源:練習題

    2016-06-10

  • document.body.appendChild(); 在body底部追加創建的節點。
    查看全部
    0 采集 收起 來源:練習題

    2016-06-10

  • document.documenElement.scrollHeight;獲取頁面的高度。 document.documenElement.scrollWidth; 獲取頁面的寬度 document.documenElement.clientHeight; 獲取頁面可視區域的高度。
    查看全部
    0 采集 收起 來源:練習題

    2016-06-10

  • document.getElementsByTagName(“div”)查找一個標簽名為div的節點。 document.getElementById(“#div”)查找一個ID為div的節點。 document.createElement(“div”)創建一個標簽名為div的節點。
    查看全部
    0 采集 收起 來源:練習題

    2016-06-10

  • 刪除頁面里邊body的子節點 事件串起來的寫法:oMask.onclick=oClose.onclick=function(){ } document.body.removeChild(oMask);//刪除文檔內部body下面的子節點oMask 也就是說,只有當oMask是body的子節點時,這樣刪才有用;如果是其他部分的操作,需要先找到它的父節點,然后再進行操作 文檔寬高 scrollHeight、scrollWidth 可視寬高 clientHeight、clientWidth 元素寬高 offsetHeight、offsetWidth 1、事件處理:當事件發生(如onclick)后,對這個事件進行的反饋、程序、執行函數等都叫做事件處理。 2、事件串起來的寫法:oMask.onclick=oClose.onclick=function(){ } 3、刪除頁面里邊body的節點oMask: document.body.removeChild(oMask);//刪除文檔內部body下面的子節點oMask 也就是說,只有當oMask是body的子節點時,這樣刪才有用;如果是其他部分的操作,需要先找到它的父節點,然后再進行操作
    查看全部
    0 采集 收起 來源:實現動態效果

    2016-06-09

  • 頁面高度 document.documentElement.scrollHeight; 頁面寬度 document.documentElement.scrollWidth; 可視區域高度/寬度 document.documentElement.clientHeight/clientWidth; 獲取元素高度/寬度 ele.offsetHeight;/ele.offsetWidth; document.documentElement.clientHeight獲取可視區域的高度; 如果頁面是豎向的頁面,那么可視區域的寬度(clientWidth)和頁面寬度(scrollWidth)是一樣的; document.body.appendChild();為body插入一個元素; .offsetHeight元素的高度 1、獲取可視區域的寬高 document.documentElement.clientHeight獲取可視區域的高度; document.documentElement.clientWidth獲取可視區域的寬度; 注:如果頁面是豎向的頁面,那么可視區域的寬度(clientWidth)和頁面寬度(scrollWidth)是一樣的; 2、document.body.appendChild();為body插入一個元素; 3、①在JS里每一個換行就相當于執行一個新的語句, ?如果外圍是上引號,里面是不能用雙引號的。 因為在這里雙引號代表字符串的結束和開始,所以要把里面的雙引號換成單引號 比如:oLogin.innerHTML="<div class='loginCon'><div id='close'></div></div>" 4、①offsetWidth/offsetHeight獲取的是文檔(即頁面)中已有的元素的寬度和高度 ?獲取元素必須放到插入元素之后, ③如果元素只是創建了,如var oLogin=document.createElement("div"), ④而沒有插入到文檔中,如沒有document.body.appendChild(oLogin), ⑤那么該元素只存在JS里,它沒進入我們的DOM,它就是不可見的。 ⑥而offsetWidth/offsetHeight它對于這些元素是找不到的,會報錯
    查看全部
    0 采集 收起 來源:JS實現登錄框

    2018-03-22

  • 獲取可視區域的寬高 document.documentElement.clientHeight獲取可視區域的高度; document.documentElement.clientWidth獲取可視區域的寬度; 注:如果頁面是豎向的頁面,那么可視區域的寬度(clientWidth)和頁面寬度(scrollWidth)是一樣的; 1.可視區域的寬高: document.documentElement.clientHight, document.documentElement.clientWidth. 2.獲取元素的高度和寬度,需先將該元素插入到DOM。如果沒有這一步操作,那么該元素只存在JavaScript中,對于DOM而言是不可見的。 ele.offsetHeight;ele.offsetWidth
    查看全部
    0 采集 收起 來源:JS實現登錄框

    2016-06-09

  • window.onload的意義是文檔頁面加載完獲取節點,有些節點在文檔沒加載完獲取不到,會出現報錯 var sHeight=document.documentElement.scrollHeight;獲取頁面高度 var sWidth=document.documentElement.scrollWidth;獲取頁面寬度 var oMask=document.createElement("div");創建節點 document.body.appendChild(oMask);在頁面上追加節點(顯示) window.onload=function(){ var oBtn=document.getElementById("btnLogin"); //獲取變量 //獲取頁面的高度和寬度 var sHeight=document.documentElement.scrollHeight; var sWidth=document.documentElement.scrollWidth; //重新創建一個節點 var oMask=document.createElement("div"); oMask.id="mask"; //設置高度與獲取到的高度和寬度一樣的值 oMask.style.height=sHeight+"px"; oMask.style.width=sWidth+"px"; // 追截節點 類似插入文檔 document.body.appendChild(oMask); }
    查看全部
    0 采集 收起 來源:JS實現遮罩層

    2018-03-22

舉報

0/150
提交
取消
課程須知
1.您至少具備HTML+CSS樣式基礎知識;2.您至少具備JavaScript基礎知識。
老師告訴你能學到什么?
1.學會DOM操作創建、插入和刪除結點元素。2.學會position、fixed屬性固定元素位置3.學會使用z-index改變元素的層級

微信掃碼,參與3人拼團

微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

友情提示:

您好,此課程屬于遷移課程,您已購買該課程,無需重復購買,感謝您對慕課網的支持!