首页html 引入外部js

html 引入外部js

时间: 2023-05-31 19:03:42 浏览: 353

有两种方法可以在HTML中引入外部JavaScript文件。 1. 使用`<script>`标签在HTML文件中使用`<script>`标签来引入外部JavaScript文件，例如： ``` <!DOCTYPE html> <html> <head> <title>My Page</title> </head> <body> <h1>Hello World!</h1> <script src="path/to/my-script.js"></script> </body> </html> ``` 在`<script>`标签中使用`src`属性指定外部JavaScript文件的路径。 2. 使用`<script>`标签和`defer`或`async`属性在HTML5中，`<script>`标签可以使用`defer`或`async`属性来异步加载外部JavaScript文件，例如： ``` <!DOCTYPE html> <html> <head> <title>My Page</title> <script defer src="path/to/my-script.js"></script> </head> <body> <h1>Hello World!</h1> </body> </html> ``` 在上面的例子中，`<script>`标签使用`defer`属性来异步加载外部JavaScript文件，这意味着HTML页面的解析和渲染将不会被阻塞，直到外部JavaScript文件被完全加载和执行。如果你想要更快的加载速度，可以使用`async`属性，它的行为类似于`defer`，但是外部JavaScript文件的加载和执行将在页面的解析和渲染之后立即进行。

阅读全文