首页 > 代码库 > JavaScript DOM编程 学习笔记
JavaScript DOM编程 学习笔记
<!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 onclick="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 onclick="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 onclick="alert(‘Hello world‘)">click</button>
</body>
</html>
<script type="text/javascript">
alert("2");
</script>本文出自 “阿凡达” 博客，请务必保留此出处http://shamrock.blog.51cto.com/2079212/1564431
JavaScript DOM编程 学习笔记
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。