script标签与访问

爱被打了一巴掌 2021-11-22 03:28 338阅读 0赞

*  onclick ,当鼠标点击一下时执行一次
 *  onmouseover ,当鼠标放上去时执行一次
 *  onmouseout ,当鼠标移出去时执行一次
 *  onmousedown ,当鼠标按下时执行一次
 *  onmouseup ,当鼠标在上面松开(弹起)时执行一次
 *  onmousedblclick ,当鼠标双击时执行一次
 *  onload ,当对象加载完成时执行一次

...

</script>

标准规定将script代码块放于html页面的heade中，  但是由于代码是由上而下执行，放在head中会报错，解决这一问题的方法是将方法绑定到Window.onload事件上

window.onload = initAll;

functioninitAll()\{ var img =document.getElementById("myImg");

img.onclick = myFn;functionmyFn()\{

alert("图象加载完成了!");

当所有代码执行完之后，才执行Window.onload

HTML DOM将整个页面当成一个document对象,HTML里的标签都要通过document对象来访问.而文档中的每个标签,又会转换成一个对象

<p class="demo" title="第一个段落:DOM树" id="p1">我们用一个p标签来演示</p>

将被转换成

//总该记得对象字面量语法吧
     {
       
            tagName:"p",
            className:"demo",
            title:"第一个段落:DOM树",
            id:"p1",
            innerHTML:"我们用一个p标签来演示" } //你也许会奇怪,为什么标签的class属性会变成对象的className属性而不是class.
        //class是JavaScript保留字!!!
        //tagName表示它的标签名,而innerHTML表示它里面的HTML代码

会将html标签转换成JavaScript中的对象，  可以通过对象访问的形式访问

document.getElementsByName()　　//通过name属性获得该对象
    document.getElementsByTagName()　　//通过标签名称获得该对象
    document.getElementsByTagNameNS()　　//通过多个标签名字获得多个标签对象
    
    document.getElementsByClassName()　　　　//通过class名称获得对象

document.getElementById()　　　　//通过id获得该对象
    为对象从新赋值

window.onload = initall;
    function initall(){
       
        var p = document.getElementById("p1");
        p.className = "aaa";
        p.innerHTML = "<a href='/'>hahahahaha</a>"
    
    }

转载于:https://www.cnblogs.com/pxfb/p/11181522.html