JavaScript学习第二课

JavaScript 放置到何处
当页面载入时,会执行位于 body 部分的 JavaScript
当被调用时,位于 head 部分的 JavaScript 才会被执行。
实例head 部分 包含函数的脚本位于文档的 head 部分。这样我们就可以确保在调用函数前,脚本已经载入了。 body 部分 执行位于 body 部分的脚本。 外部 JavaScript 如何访问外部脚本。
在哪里放置 JavaScript页面中的脚本会在页面载入浏览器后立即执行。我们并不总希望这样。有时,我们希望当页面载入时执行脚本,而另外的时候,我们则希望当用户触发事件时才执行脚本。
位于 head 部分的脚本:当脚本被调用时,或者当事件被触发时,脚本就会被执行。当你把脚本放置到 head 部分后,就可以确保在需要使用脚本之前,它已经被载入了。
<html><head><script type="text/javascript">....</script></head>....
位于 body 部分的脚本:在页面载入时脚本就会被执行。当你把脚本放置于 body 部分后,它就会生成页面的内容。
<html><head></head><body><script type="text/javascript">....</script></body></html>
在 body 和 head 部分的脚本:你可以在文档中放置任何数量的脚本,因此你既可以把脚本放置到 body,又可以放置到 head 部分。
<html><head><script type="text/javascript">....</script></head><body><script type="text/javascript">....</script></body></html>
使用外部 JavaScript有时,你也许希望在若干个页面中运行 JavaScript,同时不在每个页面中写相同的脚本。
为了达到这个目的,你可以将 JavaScript 写入一个外部文件之中。然后以 .js 为后缀保存这个文件。
注意:外部文件不能包含 <script> 标签。
然后把 .js 文件指定给 <script> 标签中的 "src" 属性,就可以使用这个外部文件了:
<html><head><script src="xxx.js">....</script></head><body></body></html>
提示:您可以把 .js 文件放到网站目录中通常存放脚本的子目录中,这样更容易管理和维护。
JavaScript 语句
JavaScript 是由浏览器执行的语句序列。
JavaScript 语句JavaScript 语句是发给浏览器的命令。这些命令的作用是告诉浏览器要做的事情。
这个 JavaScript 语句告诉浏览器向网页输出 "Hello world":
document.write("Hello world");
通常要在每行语句的结尾加上一个分号。大多数人都认为这是一个好的编程习惯,而且在 web 上的 JavaScript 案例中也常常会看到这种情况。
分号是可选的(根据 JavaScript 标准),浏览器把行末作为语句的结尾。正因如此,常常会看到一些结尾没有分号的例子。
注释:通过使用分号,可以在一行中写多条语句。
JavaScript 代码JavaScript 代码是 JavaScript 语句的序列。
浏览器按照编写顺序依次执行每条语句。
本例向网页输出一个标题和两个段落:
<script type="text/javascript">document.write("<h1>This is a header</h1>");document.write("<p>This is a paragraph</p>");document.write("<p>This is another paragraph</p>");</script>
TIY
JavaScript 代码块JavaScript 可以分批地组合起来。
代码块以左花括号开始,以右花括号结束。
代码块的作用是一并地执行语句序列。
本例向网页输出一个标题和两个段落:
<script type="text/javascript">{document.write("<h1>This is a header</h1>");document.write("<p>This is a paragraph</p>");document.write("<p>This is another paragraph</p>");}</script>
TIY
上例的用处不大。仅仅演示了代码块的使用而已。通常,代码块用于在函数或条件语句中把若干语句组合起来(比方说如果条件满足,就可以执行这个语句分组了)。
您会在稍后的章节学习到更多有关函数和条件的知识。
Tags: 

延伸阅读

最新评论

发表评论