如何在HTML页面中嵌入外部JavaScript文件,并使用其函数来控制页面元素?
时间: 2024-10-30 10:24:34 浏览: 14
要在HTML页面中嵌入外部JavaScript文件,并使用其中的函数来控制页面元素,你可以按照以下步骤操作:
参考资源链接:[深入浅出JavaScript:从入门到精通](https://wenku.csdn.net/doc/1f27oyq5pq?spm=1055.2569.3001.10343)
1. 创建JavaScript文件:首先,你需要创建一个.js文件,比如命名为`script.js`。在这个文件中,你可以定义要使用的函数,例如,一个简单的弹出窗口函数:
```javascript
// script.js 文件内容
function sayHello() {
alert('Hello from external script!');
}
```
2. 引入外部JavaScript文件到HTML中:在HTML文件的<head>或<body>部分,你需要使用<script>标签的src属性引入刚才创建的JavaScript文件。一般推荐放在</body>标签之前,以确保在执行JavaScript代码前,页面的DOM元素已经加载完成:
```html
<!-- HTML 文件内容 -->
<body>
<!-- 页面内容 -->
<!-- 引入外部JavaScript文件 -->
<script src=
参考资源链接:[深入浅出JavaScript:从入门到精通](https://wenku.csdn.net/doc/1f27oyq5pq?spm=1055.2569.3001.10343)
阅读全文