Javascript相关

最新推荐文章于 2022-11-23 17:32:46 发布

BugsAroundMe

最新推荐文章于 2022-11-23 17:32:46 发布

阅读量546

点赞数

分类专栏： HTML5 & javascript 文章标签： javascript dom

本文链接：https://blog.csdn.net/u010392792/article/details/25971045

版权

HTML5 & javascript 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

在页面中增加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>