js操作html的基本方法


剛學了js操作html的基本方法,在寫代碼過程中,有很多格式不規范,忘記加雙引號尤其重要,通常這

樣的錯誤很容易范,並且這種錯誤很難找。
隨着代碼學習量越來越多,很多寫法容易搞混。今天記錄一下,以便后期查看使用



1.js事件
    例如最基本的,onbluer  獲得焦點,onchenge  修改文本,onclick  鼠標點擊事等等。
這類代碼寫到標簽中,<div onclick="函數名"></div>,這里注意的是函數名的雙引號。

2.dom的window操作
    window.open(url,name,spers,replace);注意此處的四個人屬性值都加雙引號用逗號隔開。
    url:打開的鏈接的地址。
        name:打開方式有四種,默認為_blank  打開新窗口
        _parent 打開到付及框架
        _sele 代替自身的頁面
        _top 直接打開到頂級父級頁面
    spers:多用於調整高度

     以下的window操作寫法可以將window換成對應的對象名:
    window.close(); 關閉窗口
    window.moveto(x,y); 調整打開窗口的位置
    window.resize(x,y); 高寬    單位是像素


3.延遲與間隔
    間隔 setInterval("函數名",間隔時間) 函數名需要添加雙引號!!    時間是毫秒!
    setInterval() 方法會不停地調用函數,直到 clearInterval() 被調用或窗口被關閉。由     

    setInterval() 返回的 ID 值可用作 clearInterval() 方法的參數。
    clearInterval(間隔的變量名);
間隔多用於沒有用戶操作的情況下

    延遲
    setTimeout("函數名",間隔時間)  雙引號注意!!
     方法用於在指定的毫秒數后調用函數或計算表達式。

4.操作html
    查找元素:
        根據id獲取元素
        document.getElementById("id");
        根據class獲取元素
        document.getElementsByClassName("class");
        根據標簽名獲取元素
        document.getElementsByTagName("div");
        根據name獲取元素
        document.getElementsByName("name");
        注意添加引號!!

5.改變html內容    
    對象名.innerHTML;用於添加文本或者代碼
    添加文本  .innertext;
    
6.操作屬性                 此處注意添加雙引號!!
    1.設置一個屬性,添加或更改
    獲取的對象.setAttribute("屬性名","屬性值")
    2.獲取屬性的值
    獲取的對象.getAttribute("屬性名");
    3.移除一個屬性
    獲取的對象.removeAttribute("屬性名");
7.操作樣式
    1.操作樣式     
    獲取的        對象.style.樣式="" ;    樣式中間的橫杠去掉  且需要大寫    例如
backgroundColor   

2.獲取樣式
    Var a = 獲取的對象.style.樣式
    
8.操作表單元素
    對象名.value;


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM