45 lines
1.4 KiB
Markdown
45 lines
1.4 KiB
Markdown
|
---
|
|||
|
|
title: Script Src Attribute
|
|||
|
|
localeTitle: 脚本Src属性
|
|||
|
|
---
|
|||
|
|
## 脚本Src属性
|
|||
|
|
|
|||
|
|
一个'src'属性 tag是要链接到HTML文档的外部文件或资源的路径。
|
|||
|
|
|
|||
|
|
例如，如果您有自己的名为“script.js”的自定义JavaScript文件，并希望将其功能添加到HTML页面，则可以像这样添加：
|
|||
|
|
|
|||
|
|
```html
|
|||
|
|
|
|||
|
|
<!DOCTYPE html>
|
|||
|
|
<html lang="en">
|
|||
|
|
<head>
|
|||
|
|
<title>Script Src Attribute Example</title>
|
|||
|
|
</head>
|
|||
|
|
<body>
|
|||
|
|
|
|||
|
|
<script src="./script.js"></script>
|
|||
|
|
</body>
|
|||
|
|
</html>
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
这将指向名为“script.js”的文件，该文件与.html文件位于同一目录中。您还可以使用文件路径中的“..”链接到其他目录。
|
|||
|
|
|
|||
|
|
```html
|
|||
|
|
|
|||
|
|
<script src="../public/js/script.js"></script>
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
这会将一个目录级别跳转到“公共”目录，然后跳转到“js”目录，然后跳转到“script.js”文件。
|
|||
|
|
|
|||
|
|
您还可以使用'src'属性链接到第三方托管的外部.js文件。如果您不想下载文件的本地副本，则使用此选项。请注意，如果链接更改或网络访问已关闭，则您链接到的外部文件将不起作用。
|
|||
|
|
|
|||
|
|
此示例链接到jQuery文件。
|
|||
|
|
|
|||
|
|
```html
|
|||
|
|
|
|||
|
|
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js"></script>
|
|||
|
|
```
|
|||
|
|
|
|||
|
|
#### 更多信息：
|
|||
|
|
|
|||
|
|
[关于HTML的MDN文章](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/script#attr-src) tag</a></p></x-turndown>
|