在页面中增加Javascript,有3中不同的方式:
1、联机脚本放在<head>元素中:
在页面的head部分放置一个<script>元素。
一旦浏览器开始解析head部分就会执行,然后才解析其余部分。
2、通过引用一个单独的Javascript文件来增加脚本:
如果链接到同一目录的某个文件,可以只使用该文件名。
3、将代码增加到文档体中,作为内联代码,也可以作为一个单独文件的链接。
解析从上至下
Javascript通过DOM与页面交互
<!doctype html>
<html lang="en">
<head>
<title>Planets</title>
<meta charset="utf-8">
<script>
window.onload = init;
<!--window.onload页面完全加载时要执行函数中的代码-->
function init() {
var planet = document.getElementById("greenplanet");
planet.innerHTML = "Red Alert: hit by phaser fire!";
}
<!--getElementById提供一个元素,可以做些处理-->
<!--innerHTML属性改变内容-->
</script>
</head>
<body>
<h1>Green Planet</h1>
<p id="greenplanet">All is well</p>
<h1>Red Planet</h1>
<p id="redplanet">Nothing to report</p>
<h1>Blue Planet</h1>
<p id="blueplanet">All systems A-OK</p>
</body>
</html>