HTML 中的脚本必须位于 <script> 与 </script> 标签之间。
脚本可被放置在 HTML 页面的 <body> 和 <head> 部分中。
<body> 中的 JavaScript
JavaScript 在页面加载时向 HTML 的 <body> 写文本:
<body>
<script>
document.write("<h1>向body中添加一个标题<h1>");
</script>
</body>
<head> 中的 JavaScript
<script>
// 定义一个函数,当按钮被点击的时候给<p>标签重新赋值
// document.getElementById 找到标签
// .innerHTML= 给标签重新赋值
function myFunction(){
document.getElementById("myp").innerHTML="我是第一个js函数";
}
</script>
<!-- 定义一个段落 并且设置一个id用于js操作 -->
<p id="myp">
一个段落
</p>
<!-- 定义一个按钮 当被点击的时候调用js的myFunction方法 -->
<button type="button" onclick="myFunction()">尝试一下</button>
外部的JavaScript
也可以把脚本保存到外部文件中。外部文件通常包含被多个网页使用的代码。
外部 JavaScript 文件的文件扩展名是 .js。
如需使用外部文件,请在 <script> 标签的 "src" 属性中设置该 .js 文件:
<script src="myjs.js"></script>
// js文件内容
function myFunction(){
document.getElementById("myp").innerHTML="我是第一个js函数";
}