03——js 获取元素id 动态注册事件 window对象

最新推荐文章于 2022-11-24 10:45:22 发布

幺生

最新推荐文章于 2022-11-24 10:45:22 发布

阅读量2.9k

点赞数

分类专栏： javascript初学者文章标签： javascript

本文链接：https://blog.csdn.net/kkcjs/article/details/53086686

版权

本文介绍了JavaScript如何通过DOM操作HTML页面，强调了DOM的重要性和事件处理，包括静态和动态设置事件。还详细讲解了window对象，其常用方法如alert、confirm、navigate，以及window对象在事件处理中的作用。此外，文章探讨了事件冒泡、window.onload与body.onload的差异，以及事件处理函数中的this关键字的用法。

摘要由CSDN通过智能技术生成

JavaScript操作DOM对象

1） JavaScript最终是要操作Html页面，让Html变成DHtml,而操作Html页面就要用到DOM。DOM就是把Html页面模拟成一个对象，就像XDocument一样，把Xml模拟成一个对象，提供了操作各个节点的方法，直接调用就可以了。

2）如果JavaScript只是执行一些计算、循环等操作，而不能操作Html也就捡到它存在的意义。

3） Xml

Dom入门（把标签当做对象来处理）

1） Dom就是Html页面的模型，将每个标签都当做一个对象，Javascript通过调用Dom中的属性、属性就可以对网页中的文本框、层等元素进行编程控制。快如操作文本框中的Dom对象，就可以读取文本框中的值、设置文本框中的值。Javascrpt -> Dom就是C# -> .net Framework，没有.net，C# 只能for、while、连WriteLine、MessageBox都不行地。Dom就是一些让JavaScritp能够操作Html页面控件的类函数

2） Dom也像Win Form一样，通过事件、属性、方法进行编程。

3） CSS+JavaScript+Dom=Dhtml

4）学习阶段只考虑IE,用IE Collector安装IE所有版本。

5） Jquery.com

事件

在DOM中有很多事件。演示：

1）<bodyοnmοusedοwn=”alert(‘别点我！’);”> //注意body的范围

2）有时事件的响应代码比较多，就要放到一个函数中：
         <script type=”text/javascript”>
        function UserMouseDown(){
            alert(‘网页被你点坏了>_<~~，陪吧！’);alert(‘逗你玩呢~~’);
        }
    </script>

3）οnmοusedοwn=”userMouseDown();”中，UserMouseDown后的括号不能丢（不能写成：onmusedown=”UserMouseDowm”）,带括号表示调用函数࿰