script标签与访问

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

 

　<script>

   ...

　</script>

 

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

window.onload = initAll;

function initAll() { var img = document.getElementById("myImg");

　　img.onclick = myFn; function myFn() {

　　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>"

}