JavaScript网页实例：在网页里动态加载JavaScript

最新推荐文章于 2024-09-11 16:31:30 发布

请叫我二狗哥

最新推荐文章于 2024-09-11 16:31:30 发布

阅读量1.3k

点赞数

分类专栏： Javascript 基础案例文章标签： javascript 前端开发语言

cnblog博客：https://www.cnblogs.com/f6056/

本文链接：https://blog.csdn.net/weimob258616/article/details/127969306

版权

本文介绍如何在网页中实现JavaScript动态加载，通过点击【动态加载】按钮，延迟加载./myjs.js脚本，提升网页浏览速度。涉及关键函数appendChild()和defer属性。

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

把一些逻辑独立的JavaScript脚本文件单独加载，是一种常见的JavaScript动态加载技术。这样做的好处有很多，比如可以减少不必要的JavaScript脚本文件的加载，以提高网页浏览速度。

补充代码，要求用户在网页中点击【动态加载】按钮后，为html代码内需要加载的新增script脚本，脚本路径为./myjs.js，并要求文档加载完毕后再执行脚本。

myjs.js中的代码内容为：

alert("myjs.js文件已经加载完毕");

<!DOCTYPE HTML>
<html>

<head>
	<meta http-equiv='Content-Type' content="text/html;charset=utf-8" />
</head>

<body>

	<p style="text-align:center;">
		<input type="button" value="动态加载" id="button" />
	</p>
	<script>

	</script>
</body>

</html>