什么是JS外链?
JS 外链是指在HTML文档中使用JavaScript文件,通常情况下JavaScript(JS)文件是外部链接到HTML文档中的。这使得JavaScript能够与HTML和CSS分离,并且可以使开发人员复用到多个不同的HTML文件中的相同脚本。
使用标签外链JS文件
一种常见的方法是使用标签来引用一个外部的JavaScript文件。
在HTML文档的节中加入以下标记:
```html
\t\t
\t\t
\t
```
可以在HTML文件中嵌入任意数量的代码。只需使用单独的标记和src属性链接到不同的JavaScript文件即可。
并且需要注意的是,如果要在同一HTML
文档中执行多个.js文件,则必须按正确顺序对它们进行呈现,例如jQuery.js、Bootstrap.js和自定义.js文件。
使用外链函数
如果您想用JavaScript在文档的任意一部分中编写脚本,您可以在元素引用的地方使用内联JavaScript代码。例如,如果您想要在按钮单击之后显示/隐藏一些内容,您可以使用下面的代码:
```html
\t
\t\t
\t\t
\t\t\tfunction toggleVisibility(elem_id) {
\t\t\t\tvar x = document.getElementById(elem_id);
\t\t\t\tif(x.style.display === \"none\") {
\t\t\t\t\tx.style.display = \"block\";
\t\t\t\t} else {
\t\t\t\t\tx.style.display = \"none\";
}
}
\t\t
使用外部链接函数
\t\t
单机下面这个按钮
\t\t
\t\t
\t\t
```
上面的代码使用了内连JavaScript代码来呈现内容和初始化toggleVisibility方法。toggleVisibility是一个简单的JavaScript函数,该函数通过ID获取页面元素并根据其显示状态设置样式。这个函数通过button元素的onclick属性与JavaScript交互。
这是使用JavaScript外链函数的一个小示例。使用函数通常会将代码标准化或重用代码段.
总结
JavaScript外链是开发对js代码保持整洁、方便维护、复用、可读性强、可移植性强的关键。我们可以使用标记直接将JavaScript外部代码引入HTML文档中。我们也可以创建函数,该函数可以在任何地方引用。每个选择都有其自己的使用场景和最佳实践。