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

}







 

posted @ 2019-07-13 17:50  破晓e  阅读(443)  评论(0编辑  收藏  举报