HTML日记——着手利用JavaScript开发HTML页面(二)
2018.1.11
一、一些常识
JavaScript必须位于 <script> 与 </script> 标签之间。
一些老旧的实例可能会在 <script> 标签中使用 type="text/javascript"。现在已经不必这样做了。JavaScript 是所有现代浏览器以及 HTML5 中的默认脚本语言。
脚本可位于 HTML 的 <body> 或 <head> 部分中,或者同时存在于两个部分中。
通常的做法是把函数放入 <head> 部分中,或者放在页面底部。这样就可以把它们安置到同一处位置,不会干扰页面的内容。
二、外部的 JavaScript
也可以把脚本保存到外部文件中。外部文件通常包含被多个网页使用的代码。
外部 JavaScript 文件的文件扩展名是 .js。
如需使用外部文件,请在 <script> 标签的 "src" 属性中设置该 .js 文件:
注意:外部脚本不能包含 <script> 标签。
三、JavaScript的输出
JavaScript没有任何打印或者输出的函数。它可以通过以下几种方式来输出数据:
- 使用 window.alert() 弹出警告框。
- 使用 document.write() 方法将内容写到 HTML 文档中。
- 使用 innerHTML 写入到 HTML 元素。
- 使用 console.log() 写入到浏览器的控制台。
alert()和document.write()之前我们已经用过了,不再赘叙。
如果浏览器支持调试,可以使用 console.log() 方法在浏览器中显示 JavaScript 值。
浏览器中使用 F12 来启用调试模式, 在调试窗口中点击 "Console" 菜单。
console.log()的用处:
主要是方便你调式javascript用的, 你可以看到你在页面中输出的内容。
相比alert他的优点是:
他能看到结构化的东西,如果是alert,弹出一个对象就是[object object],但是console能看到对象的内容。
console不会打断你页面的操作,如果用alert弹出来内容,那么页面就死了,但是console输出内容后你页面还可以正常操作。
四、JavaScript中的变量
JavaScript 使用关键字 var 来定义变量, 使用等号来为变量赋值:
例如:var x, length
x = 5
length = 6
数组定义:
[40, 100, 1, 5, 25, 10]
对象定义:
{firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"}
函数定义:
function myFunction(a, b) { return a * b;}
五、JavaScript中的语法
语句是用分号分隔:
以下是 JavaScript 中最重要的保留字(按字母顺序):
| abstract | else | instanceof | super |
| boolean | enum | int | switch |
| break | export | interface | synchronized |
| byte | extends | let | this |
| case | false | long | throw |
| catch | final | native | throws |
| char | finally | new | transient |
| class | float | null | true |
| const | for | package | try |
| continue | function | private | typeof |
| debugger | goto | protected | var |
| default | if | public | void |
| delete | implements | return | volatile |
| do | import | short | while |
| double | in | static | with |
JavaScript 注释,不是所有的 JavaScript 语句都是"命令"。双斜杠 // 后的内容将会被浏览器忽略。
JavaScript 使用 Unicode 字符集。Unicode 覆盖了所有的字符,包含标点等字符。

浙公网安备 33010602011771号