JavaScript DOM编程学习笔记

最新推荐文章于 2024-06-24 20:35:30 发布

商商-77

最新推荐文章于 2024-06-24 20:35:30 发布

阅读量179

点赞数

分类专栏： html

本文链接：https://blog.csdn.net/umgsai/article/details/50634100

版权

html 专栏收录该内容

101 篇文章 0 订阅

订阅专栏

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript">
	//整个HTML文档加载完成之后出发window.onload事件，事件出发后执行function函数体
	window.onload = function() {
		var btn = document.getElementsByTagName("button")[0];
		btn.onclick = function() {
			alert("Hello world!!!");
		}
	}
</script>
</head>
<body>
	<button>click me</button>
	
	<!-- HTML代码与JS代码耦合在一起 -->
	<button οnclick="alert('Hello world')">click</button>
</body>
</html>

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>

</head>
<body>
	<button>click me</button>
	
	<!-- HTML代码与JS代码耦合在一起 -->
	<button οnclick="alert('Hello world')">click</button>
	
</body>
</html>

<script type="text/javascript">
	//整个HTML文档加载完成之后才执行，此时才可以渠道btns
		var btns = document.getElementsByTagName("button");
		btns[0].onclick = function() {
			alert("Hello world!!!");
	}
</script>

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript">
	alert("1");
	//window.onload事件在HTML文档被完全加载后执行
	//在其中可以获取到HTML文档的任何元素
	window.onload = function(){
		alert("3");
	}
</script>
</head>
<body>
	<button>click me</button>
	
	<!-- HTML代码与JS代码耦合在一起 -->
	<button οnclick="alert('Hello world')">click</button>
</body>
</html>

<script type="text/javascript">
	alert("2");
</script>

本文出自 “优赛工作室” 博客，请务必保留此出处http://shamrock.blog.51cto.com/2079212/1564431