js-可以使用id直接操作DOM

转载于 2017-05-15 16:04:00 发布 · 410 阅读

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/sakura-sakura/p/6856839.html

本文介绍了一个简单的JavaScript示例，展示了如何通过按钮点击事件在浏览器控制台输出文本。该示例还说明了当存在相同名称的全局变量时，如何避免冲突的问题。

//一般不建议使用，可以在console调试时使用
<input type="button" id="btn" value="anniu">
<script>
    btn.onclick=function(){
        console.log('hello');   //结果弹出 --hello
    }
    location.onclick=function(){
        console.log('location');  //无任何输出--因为window自带locaiton属性，此时window的location属性，覆盖了id为location的标签
    }
</script>

转载于:https://www.cnblogs.com/sakura-sakura/p/6856839.html