JavaScript 文件基础教程文档
收录于 2023-04-20 00:10:05 · بالعربية · English · Español · हिंदीName · 日本語 · Русский язык · 中文繁體
我们可以创建外部JavaScript文件并将其嵌入到许多html页面中。
它提高
代码重用性,因为单个JavaScript文件可以在多个html页面中使用。
外部JavaScript文件必须以.js扩展名保存。建议将所有JavaScript文件嵌入到一个文件中。它提高了网页的速度。
让我们创建一个外部
JavaScript 文件,该文件在其中打印Hello lidihuo对话框。
message.js
function msg(){
alert("Hello lidihuo");
}
alert("Hello lidihuo");
}
让我们将JavaScript文件包含到
html 页中。单击按钮时,它将调用
JavaScript函数。
index.html
<html>
<head>
<script type="text/javascript" src="message.js"></script>
</head>
<body>
<p>Welcome to JavaScript</p>
<form>
<input type="button" value="click" onclick="msg()"/>
</form>
</body>
</html>
<head>
<script type="text/javascript" src="message.js"></script>
</head>
<body>
<p>Welcome to JavaScript</p>
<form>
<input type="button" value="click" onclick="msg()"/>
</form>
</body>
</html>
输出:
Welcome to JavaScript
外部JavaScript的优点
创建外部javascript有以下几点好处:
它有助于在多个HTML文件中重复使用代码。
代码易于阅读。
更加省时,Web浏览器可以缓存外部js文件,从而进一步减少了页面加载时间。
可以并行且独立地处理html和js文件,即不会遇到任何代码冲突。
由于只需要指定js文件的位置,因此代码的长度减少了。