在本教程中，我们向您展示如何将外部JavaScript文件 （文件扩展名以.js结尾）链接到网页。

注意
在HTML中，您可以将JavaScript嵌入网页或外部JavaScript文件中，也可以同时实现两种方式。

1.外部JavaScript文件

创建一个带有“ .js ”文件扩展名的新文件，并将JavaScript代码放入其中。 就是这样，您刚刚创建了一个外部JavaScript文件🙂 

//file : hello.js

function sayHelloToThisPerson(name){
	alert('hello : ' + name);
}
//run above js function when this js is loaded
sayHelloToThisPerson('mkyong');

2.将其包含在网页中

要在您的网页中包含以上hello.js文件，请添加一个具有src属性的新<script> ： 

<html>
	<head></head>
	<body>
		<h1>JavaScript is funny</h1>
		<script type="text/javascript" src="hello.js"></script>
	</body>
</html>

PS确保“ src”属性指向正确的外部js文件路径。

3.演示

性能
您可以在“ head”或“ body”标签内放置“ script ”标签，但是，为了使页面加载速度更快，建议始终在页面内容的末尾放置“ script ”标签。

下载源代码

下载它– Link-External-JavaScript-File-Example.zip （1 KB）

标签： JavaScript

翻译自: https://mkyong/javascript/how-to-link-an-external-javascript-file/

更多推荐

如何链接外部JavaScript文件