码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript Dom

时间:2017-03-31 01:00:07      阅读:206      评论:0      收藏:0      [点我收藏+]

标签:处理   js代码   function   locale   返回值   inpu   element   on()   bsp   

1、通过id获取页面上的元素

   document.getElementById(); //通过这个方法就可以获取到页面上的元素

   ------------------------------------------------------

  使用document.getElementById()方法的时候,如果使用了未定义的id会报错(有可能代码里确实有这个id,但是HTML代码是从上到下执行的,而在执行     document.getElementById()方法的时候还没有执行到创建id的代码),所以为了避免这种错误,document.getElementById()方法要么用在最后,要么为window.onload注册一个事件处理程序。当执行该事件的时候,页面已经加载完了,在事件中使用document.getElementById()方法就不会报错了。

  window.onload=function(){
                
            };

2、为元素对象注册事件

在<body></body>标签中创建一个按钮

<input id="btn1" type="button" name="name" value="button"/>

在<script></script>标签中给btn1动态注册事件,实现js代码与html网页代码相分离。

 

//动态注册事件的方式实现js代码与html网页代码相分离
            window.onload=function(){
                document.getElementById(‘btn1‘).onclick=function(){
                alert(‘按钮被点了‘);
alert(new Date().toLocaleTimeString());//打印当前时间 }; }

 

 

window.onload=function(){
                document.getElementById(‘btn1‘).onclick=fn; //这样写表示把fn函数赋值给onclick事件,点按钮的时候才执行fn
                document.getElementById(‘btn1‘).onclick=fn();//这样写没有意义,表示将fn的返回值赋值给onclick事件,执行这段代码的时候立即就执行fn(并没有点按钮也执行)
            };
            function fn(){
                alert(new Date().toLocaleTimeString());
            }

 

JavaScript Dom

标签:处理   js代码   function   locale   返回值   inpu   element   on()   bsp   

原文地址:http://www.cnblogs.com/awaTangjay/p/6649019.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!