开发学习网JavaScript - Placement in HTML File
原创JavaScript在HTML文件中的放置位置
在HTML文档中，JavaScript代码可以灵活地放置在不同位置。以下是几种常见的JavaScript放置方式：
放置在<head>标签内
放置在<body>标签内
同时在<head>和<body>标签内放置
使用外部JavaScript文件
基本语法
使用<script>标签可以在HTML中添加JavaScript代码：
<script> // JavaScript代码 </script>
在<head>中放置JavaScript
当需要在用户触发事件时执行脚本时，通常将JavaScript放在<head>部分：
<html>
<head>
<script type = "text/javascript">
function sayHello() {
alert("Hello World")
}
</script>
</head>
<body>
<input type = "button" onclick = "sayHello()" value = "Say Hello" />
</body>
</html>
在<body>中放置JavaScript
如果需要在页面加载时立即执行脚本，可以将JavaScript放在<body>部分：
<html>
<head>
</head>
<body>
<script type = "text/javascript">
document.write("Hello World")
</script>
<p>这是网页正文内容</p>
</body>
</html>
使用外部JavaScript文件
对于大型项目，推荐将JavaScript代码保存在外部.js文件中：
function sayHello() {
alert("Hello World")
}
然后在HTML中引用：
<html> <head> <script type = "text/javascript" src = "filename.js" ></script> </head> <body> ... </body> </html>
引用外部文件的三种方式
引用外部JavaScript文件有三种路径写法：
1. 完整路径
<head> <script src = "C://javascript/filename.js" ></script> </head>
2. 相对路径
<head> <script src = "javascript\filename.js" ></script> </head>
3. 仅文件名
<head> <script src = "filename.js" ></script> </head>
使用<script>标签的优势
使用<script>标签有以下优点：
易于集成到HTML中
代码立即执行
支持内联和外部脚本
便于集成外部库和框架
可以访问全局作用域
版权声明
本文仅代表作者观点，不代表本站立场。
本文系作者授权本站发表，未经许可，不得转载。
上一篇：启用或禁用JavaScript 下一篇：JavaScript - Syntax
相关文章
作者文章
- CSS 使用CSS数学函数 4个月前 (08-23)
- CSS Textual data types 4个月前 (08-23)
- CSS 数字数据类型 4个月前 (08-23)
- CSS CSS 属性值定义语法 4个月前 (08-23)
- CSS 使用 CSS 过渡 4个月前 (08-23)