在web 页面引入JavaScript 文件。
时间: 2024-09-12 14:15:17 浏览: 16
在Web页面中引入JavaScript文件通常有两种常见的方法:
1. **内联脚本(Inline Scripting)**:
直接将JavaScript代码放在HTML文档的`<head>`部分或者`<body>`的底部`<script>`标签内。这适合于少量简单的脚本,示例如下:
```html
<head>
<!-- 内联脚本 -->
<script>
alert('这是一个提示信息!');
</script>
</head>
<!-- 或者直接在<body>中 -->
<body>
<script src="script.js"></script>
</body>
```
2. **外部文件引入(External File)**:
对于复杂的脚本或者复用的代码,推荐将JavaScript代码分离到单独的`.js`文件,并使用`<script>`标签的`src`属性引用:
```html
<head>
<script src="path/to/your/script.js" type="text/javascript"></script>
</head>
```
这样做的好处在于代码管理更为清晰,便于维护和团队协作。
为了浏览器能正确识别并执行JavaScript,记得在`<script>`标签的`type`属性中指定`text/javascript`。此外,为了避免阻塞页面渲染,最好将`<script>`标签放在`<body>`的底部或者使用异步(`async`)或defer属性。