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 覆盖了所有的字符,包含标点等字符。

posted @ 2018-01-11 14:37  东方少侠  阅读(561)  评论(0)    收藏  举报