JavaScript中文档的加载

最新推荐文章于 2023-03-07 23:46:54 发布

plannothing

最新推荐文章于 2023-03-07 23:46:54 发布

阅读量138

点赞数

分类专栏： js基础教程文章标签： javascript js dom

本文链接：https://blog.csdn.net/plannothing/article/details/107773459

版权

js基础教程专栏收录该内容

101 篇文章 0 订阅

订阅专栏

/*
		 * 浏览器在加载一个页面时，是按照自上而下的顺序加载的
		 *  读取到一行就运行到一行，如果将script标签写到页面的上边
		 *  在代码执行时，页面还没有加载，页面没有加载DOM对象也没有加载，
		 * 	会导致无法获取到DOM对象
		 */
		//获得ID=btn的按钮

		/*
		 * onload事件会在整个页面加载完成之后才触发
		 * 为window绑定一个onload事件
		 * 		该事件对应的响应函数将会在页面加载完成之后执行
		 *      这样可以确保我们的代码执行时所有的DOM对象已经加载完毕了
		 */
		window.onload = function(){
			//获得ID=btn的按钮
		var btn = document.getElementById("btn");
		btn.onclick = function(){
			alert('点我干嘛');
		}

		}
	</script>
</head>
<body>
	<button id = "btn">点我一下</button>
	<!--<script type="text/javascript">
		/*
		 * 将js代码编写到页面的下部就是为了，可以在页面加载完毕以后再执行js代码
		 */
		/*
		 * 浏览器在加载一个页面时，是按照自上而下的顺序加载的
		 *  读取到一行就运行到一行，如果将script标签写到页面的上边
		 *  在代码执行时，页面还没有加载
		 */
		//获得ID=btn的按钮
		var btn = document.getElementById("btn");
		btn.onclick = function(){
			alert('点我干嘛');
		}
	</script>-->

plannothing

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript中文档的加载

/* * 浏览器在加载一个页面时，是按照自上而下的顺序加载的 * 读取到一行就运行到一行，如果将script标签写到页面的上边 * 在代码执行时，页面还没有加载，页面没有加载DOM对象也没有加载， * 会导致无法获取到DOM对象 */ //获得ID=btn的按钮 /* * onload事件会在整个页面加载完成之后才触发 * 为window绑定一个onload事件 * 该事件对应的响应函数将会在页面加载完成之后执行 * 这样可
复制链接

扫一扫