Javascript相关

来源：互联网发布：nginx 自定义日志格式编辑：程序博客网时间：2024/05/19 22:47

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

0 0