document.write("Hello World!");
如何把JavaScript 放入HTML 页面<html><body><script type="text/javascript">document.write("Hello World!");</script></body></html>上面的代码会在HTML 页面中产生这样的输出:Hello World! 实例解释:如果需要把一段JavaScript 插入HTML 页面,我们需要使用<script> 标签(同时使用type 属性来定义脚本语言)。
这样,<script type="text/javascript"> 和</script> 就可以告诉浏览器JavaScript 从何处开始,到何处结束。
<html><body><script type="text/javascript">...</script></body></html>document.write 字段是标准的JavaScript 命令,用来向页面写入输出。
把document.write 命令输入到<script type="text/javascript">与</script>之间后,浏览器就会把它当作一条JavaScript 命令来执行。
这样浏览器就会向页面写入"Hello World!"。
<html><body><script type="text/javascript">document.write("Hello World!");</script></body></html>TIY注意:如果我们不使用<script> 标签,浏览器就会把document.write("Hello World!") 当作纯文本来处理,也就是说会把这条命令本身写到页面上。
TIY如何与老的浏览器打交道那些不支持JavaScript 的浏览器会把脚本作为页面的内容来显示。
为了防止这种情况发生,我们可以使用这样的HTML 注释标签:<html><body><script type="text/javascript"><!--document.write("Hello World!");//--></script></body></html>注释行末尾的两个正斜杠是JavaScript 的注释符号,它会阻止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 语句告诉浏览器向网页输出"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>TIYJavaScript 代码块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上例的用处不大。
仅仅演示了代码块的使用而已。
通常,代码块用于在函数或条件语句中把若干语句组合起来(比方说如果条件满足,就可以执行这个语句分组了)。
您会在稍后的章节学习到更多有关函数和条件的知识。
Previous Page Next Page 课外阅读JavaScript 高级教程:ECMAScript 语法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>TIYJavaScript 多行注释多行注释以/* 开头,以*/ 结尾。
本例使用多行注释来解释代码:<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使用注释来防止执行在本例中,我们用注释来阻止一行代码的执行:<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在本例中,我们用注释来阻止若干行代码的执行:/*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在行末使用注释在本例中,注释放置在语句的行末:<script type="text/javascript">document.write("Hello"); // 输出"Hello"document.write("World"); // 输出"World"</script>JavaScript 注释可以添加注释来对JavaScript 进行解释,或者提高其可读性。