javascript(16)事件简介，文档的加载

最新推荐文章于 2023-05-09 08:50:42 发布

冲啊Javascripit

最新推荐文章于 2023-05-09 08:50:42 发布

阅读量133

点赞数

分类专栏： javascipt

本文链接：https://blog.csdn.net/weixin_43752554/article/details/105530312

版权

javascipt 专栏收录该内容

34 篇文章 0 订阅

订阅专栏

事件：用户与浏览器进行交互。如：移动鼠标，点击鼠标，滚动滚轮
我们可以为事件绑定响应响应函数，这样当事件被触发时，其对应的函数就会被调用

我们可以在事件中设置JS代码，这样当事件被触发时，代码就会执行

js代码有四种形式：
1.内嵌在html的元素节点内部

<button onclick="alert('ok')">点击</button>

2.在html的body中

<script>
			function fun(){
				alert("ok");
			}
		</script>
		<button onclick=fun()>点击</button>

3.写在body之上

		<script>
			var but01=document.getElementById("but01");
			but01.onclick=function(){
				alert("ok");
			}
		</script>
	</head>
	
	<body>
		
		<button id="but01">点击</button>	
		
	</body>

4.引入外部js文件

<script src="js/02.js"></script>

在html中，文档的加载是自上而下的
绑定的响应函数如果在对应的元素节点之前的话，是不会被执行的。
因为这个时候对应的函数还没有被加载。
可是将js代码写在body里又会提升代码的耦合性，对于后期的修改并不友好。

所以为了能够顺利的执行到响应函数。需要将这些函数写在window.onload();中
window.onload():为window绑定一个onload事件，里面所有的代码都要等到页面加载完成之后执行.这样可以确保我们执行代码的时候所有的DOM对象都加载完成了

冲啊Javascripit

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript(16)事件简介，文档的加载

事件：用户与浏览器进行交互。如：移动鼠标，点击鼠标，滚动滚轮我们可以为事件绑定响应响应函数，这样当事件被触发时，其对应的函数就会被调用我们可以在事件中设置JS代码，这样当事件被触发时，代码就会执行js代码有四种形式：1.内嵌在html的元素节点内部<button onclick="alert('ok')">点击</button> 2.在html的body中&...
复制链接

扫一扫