javascript基础
- 格式：doc
- 大小：507.50 KB
- 文档页数：54
1. js 的实现HTML 的 <script> 标签用于把 JavaScript 插入 HTML 页面当中。
<body> <script type="text/javascript">...</script> </body> 实例解释： 如果需要把一段 JavaScript 插入 HTML 页面， 我们需要使用 <script> 标签 （同时使 用 type 属性来定义脚本语言）。
这样，<script type="text/javascript"> 和 </script> 就可以告诉浏览器 JavaScript 从何处开始，到何处结束。
<body> <script type="text/javascript">document.write("Hello World!");</script> </body> document.write 字段是标准的 JavaScript 命令，用来向页面写入输出。
把 document.write 命令输入到 <script type="text/javascript">与</script>之间后， 浏览器就会把它当作一条 JavaScript 命令来执行。
这样浏览器就会向页面写入 "Hello World!"。
<body> <script type="text/javascript">document.write("Hello World!");</script> </body> <body> <script type="text/javascript">document.write("<h1>Hello World!</h1>");</script> </body> 如何与老的浏览器打交道 那些不支持 JavaScript 的浏览器会把脚本作为页面的内容来显示。
为了防止这种情况 发生，我们可以使用这样的 HTML 注释标签： <body> <script type="text/javascript"> <!-document.write("Hello World!"); //--> </script> </body> 注释行末尾的两个正斜杠是 JavaScript 的注释符号， 它会阻止 JavaScript 编译器对这一 行的编译。
2. js 的放置在哪里放置 JavaScript 页面中的脚本会在页面载入浏览器后立即执行。
我们并不总希望这样。
有时，我们希望 当页面载入时执行脚本，而另外的时候，我们则希望当用户触发事件时才执行脚本。
位于 head 部分的脚本： 当脚本被调用时， 或者当事件被触发时， 脚本就会被执行。
当你把脚本放置到 head 部分后， 就可以确保在需要使用脚本之前，它已经被载入了。
<head> <script type="text/javascript">....</script> </head> <head> <script type="text/javascript"> function message() { alert("该提示框是通过 onload 事件调用的。
"); } </script> </head> <body onload="message()"></body> 位于 body 部分的脚本： 在页面载入时脚本就会被执行。
当你把脚本放置于 body 部分后， 它就会生成页面的内 容。
<body> <script type="text/javascript">....</script> </body> 在 body 和 head 部分的脚本： 你可以在文档中放置任何数量的脚本，因此你既可以把脚本放置到 body，又可以放置 到 head 部分。
<head> <script type="text/javascript">....</script> </head> <body> <script type="text/javascript">.... </script> </body> 使用外部 JavaScript 有时，你也许希望在若干个页面中运行 JavaScript，同时不在每个页面中写相同的脚 本。
为了达到这个目的，你可以将 JavaScript 写入一个外部文件之中。
然后以 .js 为后缀保 存这个文件。
注意：外部文件不能包含 <script> 标签。
然后把 .js 文件指定给 <script> 标签中的 "src" 属性，就可以使用这个外部文件了： <head> <script src="xxx.js">....</script> </head> 提示：您可以把 .js 文件放到网站目录中通常存放脚本的子目录中，这样更容易管理和维 护。
3.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> 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> 上例的用处不大。
仅仅演示了代码块的使用而已。
通常，代码块用于在函数或条件语句 中把若干语句组合起来（比方说如果条件满足，就可以执行这个语句分组了）。
您会在稍后的章节学习到更多有关函数和条件的知识。
4.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> 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> 使用注释来防止执行 在本例中，我们用注释来阻止一行代码的执行： <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> 在本例中，我们用注释来阻止若干行代码的执行：<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> 在行末使用注释 在本例中，注释放置在语句的行末： <script type="text/javascript"> document.write("Hello"); // 输出 "Hello" document.write("World"); // 输出 "World" </script>5.JavaScript 变量JavaScript 变量 正如代数一样，JavaScript 变量用于保存值或表达式。
