首页如何连入js

如何连入js

时间: 2023-08-22 15:08:26 浏览: 175

要将JavaScript文件连接到HTML文件中，您可以使用`<script>`标签。以下是一些简单的示例： 1. 将JavaScript代码直接放入HTML文件中： ``` <!DOCTYPE html> <html> <head> <title>My Page</title> <script> function myFunction() { alert("Hello World!"); } </script> </head> <body> <button onclick="myFunction()">Click me</button> </body> </html> ``` 在这个例子中，我们将JavaScript代码放入了`<script>`标签中，并直接嵌入到HTML文件的`<head>`标签中。然后我们在`<button>`标签中使用`onclick`属性来调用`myFunction()`函数。 2. 将JavaScript代码保存为外部文件，并通过`src`属性将其连接到HTML文件中： ``` <!DOCTYPE html> <html> <head> <title>My Page</title> <script src="myScript.js"></script> </head> <body> <button onclick="myFunction()">Click me</button> </body> </html> ``` 在这个例子中，我们将JavaScript代码保存为一个名为`myScript.js`的外部文件。然后我们使用`<script>`标签的`src`属性将其连接到HTML文件中。最后我们在`<button>`标签中使用`onclick`属性来调用`myFunction()`函数。请注意，如果您将JavaScript代码保存为外部文件，则需要将该文件与HTML文件放置在相同的目录中，或者使用正确的文件路径进行引用。

阅读全文