JavaScript基本知识
如何把 JavaScript 放入 HTML 页面
如果需要把一段 JavaScript 插入 HTML 页面,我们需要使用 <script> 标签(同时使用 type 属性来定义脚本语言)。
例: <script type="text/javascript">
document.write("Hello World!");
</script>
这样,<script type="text/javascript"> 和 </script> 就可以告诉浏览器 JavaScript 从何处开始,到何处结束。
放在不同位置的不同作用
位于 head 部分的脚本:当脚本被调用时,或者当事件被触发时,脚本就会被执行。当你把脚本放置到 head 部分后,就可以
确保在需要使用脚本之前,它已经被载入了。
位于 body 部分的脚本:在页面载入时脚本就会被执行。当你把脚本放置于 body 部分后,它就会生成页面的内容。
在 body 和 head 部分的脚本:你可以在文档中放置任何数量的脚本,因此你既可以把脚本放置到 body,又可以放置到 head 部分。
使用外部 JavaScript:
有时,你也许希望在若干个页面中运行 JavaScript,同时不在每个页面中写相同的脚本。
为了达到这个目的,你可以将 JavaScript 写入一个外部文件之中。然后以 .js 为后缀保存这个文件。
注意:外部文件不能包含 <script> 标签。
然后把 .js 文件指定给 <script> 标签中的 "src" 属性,就可以使用这个外部文件了:
例:<script src="xxx.js">....</script>
如何与老的浏览器打交道
那些不支持 JavaScript 的浏览器会把脚本作为页面的内容来显示。为了防止这种情况发生,我们可以使用这样的 HTML 注释标签:
<html>
<body><script type="text/javascript"> <!-- document.write("Hello World!"); //--> </script>
</body> </html>
注释行末尾的两个正斜杠是 JavaScript 的注释符号,它会阻止 JavaScript 编译器对这一行的编译。
输出语句
document.write 字段是标准的 JavaScript 命令,用来向页面写入输出。
句尾最好加一个分号";",这个分号根据标准是可选的,但是最好加上。
一行之内多条JavaScript语句之间要以分号隔开。
组合代码块
JavaScript使用一对大括号组合代码块。代码块的作用是一并地执行语句序列。常用于函数或条件语句中。
JavaScript注释
JavaScript中有单行注释'//'和多行注释'/**/',使用方法和Java中的注释使用方法是一样的。
JavaScript 变量
JavaScript 变量名称的规则:
变量对大小写敏感(y 和 Y 是两个不同的变量)
变量必须以字母或下划线开始
注意:由于 JavaScript 对大小写敏感,变量名也对大小写敏感。
声明(创建) JavaScript 变量:
使用var声明变量:
var carname;
声明并赋值:
var carname="Volvo";
向 JavaScript 变量赋值:
carname="Volvo";
向未声明的 JavaScript 变量赋值:
如果赋值的变量还未进行过声明,该变量会自动声明。
carname="Volvo"; 和var carname="Volvo"; 语句的效果是一样的。
重新声明 JavaScript 变量:
如果再次声明 JavaScript 变量,该变量也不会丢失其原始值:
var x=5;
var x;
在以上语句执行后,变量 x 的值仍然是 5。在重新声明该变量时,x 的值不会被重置或清除。
JavaScript 运算符
JavaScript中大部分运算符的使用方法和规则和Java中的运算符是一模一样的。以下是不一样的:
'===',全等(值和类型)既比较值是否相等,也比较数据类型是否相等。
JavaScript 特殊字符
代码 | 输出 |
---|---|
\' | 单引号 |
\" | 双引号 |
\& | 和号 |
\\ | 反斜杠 |
\n | 换行符 |
\r | 回车符 |
\t | 制表符 |
\b | 退格符 |
\f | 换页符 |
另外,在JavaScript代码的文本字符串内部还可以使用'\'来换行
例:
document.write("Hello \
World!")