JavaScript相關的內容解說-js教程-PHP中文網

1.JavaScript 簡介：

JavaScript是網路上最受歡迎的腳本語言，所有現代的HTML都使用JavaScript。既然是腳本語言，那麼它的特徵就有一下三種：

## （1）弱型別；

（2）解釋型語言（不需要編譯）；

（3）逐行執行，一行程式碼錯誤，其後的程式碼區塊都不會繼續執行；

（4） 標籤可直接嵌入到HTML檔案中，位置是任意的， 通常放在被修飾內容下面或head標籤中，但寫成單獨的js檔案有利於結構和行為的分離

2.JavaScript 內容（附圖）：

# 其中ECMAScript為JavaScript的核心；

是文件物件模型（使用js操作網頁）；

BOM是瀏覽器物件模型（使用js操作瀏覽器）

3.JavaScript 資訊的輸出：

# （1）alert( )方法：以提示框的形式在頁面輸出，例;

alert("hello,javascript") 登入後複製 （2）console.log( )方法：在控制台輸出訊息，範例： console.log("hello,javascript") 登入後複製 （3）document.write( ) ：將內容直接寫在HTML頁面中，例如：

document.write("hello,javascript") 登入後複製

4.JavaScript 變數：

## 與Java不同，ECMAScript中的變數無特定的類型，定義變數時只用var 運算符，可以將它初始化為任意值，變數的初始化格式：var 變數名= 變數值；例： var a = "hello"; var b = 123; 登入後複製

如果要定義多個變量，那麼可以用將多個變數寫在一行，用逗號分隔；例： var a = "你好", b = 123, c = "hello"; 登入後複製

變數名字的變數規則：

（1） 由字母、數字、底線、$符號構成 （2）不可以以數字開頭，不建議下列底線開頭； （3 ）嚴格區分大小寫；

（4）不可以是關鍵字和保留字 5.JavaScript 資料型別：

######################### ### JavaScript可分為原始資料型別，引用資料型別兩種：######### （1）原始資料型別：Number，String，Boolean，undefined，null###### ## # ###Number######：數值型，###就是數字，包含正數、負數、整數、小數、0、NaN、Infinity（正無窮）、-Infinity（負無窮）；## ########## 注意：#########NaN######：not a number的縮寫，表示該值不是數值（也屬於Number）#### ######## String ： 字符串：用双引号""或单引号''包起来的0个或多个字符，如果引号中什么也没有，那么这个字符串被称为空字符串

Boolean ： 布尔型：包含true： 表示真（成立） 和false： 表示假（不成立） 两个值

undefined ： 表示变量未定义，或变量被定义出来，但是没有被赋值

null ： 表示一个变量没有指向任何一片存储空间，即变量存在，但是里面是空的，类似于Undefined

（小提示：在Chrome浏览器控制台输出时，会发现Number类型为深蓝色，String为黑色，Boolean为浅蓝色，undefined和null都为浅灰色）

（2）引用数据类型：

Object（对象），Array（数组），Date（日期），RegExp（正则）。。等等

（3）如何查看一个变量的数据类型（typeof 运算符）：

数值型数据：返回值为number

console.log(typeof 123) //输出number 登入後複製 字符串型数据：返回值为string

console.log(typeof "你好") //输出string 登入後複製 布尔型数据：返回值为boolean

console.log(typeof true/false) //输出boolean 登入後複製 Undefined：返回值为undefined

console.log(typeof undefined) //输出undefined 登入後複製 Null：返回值为Object（历史遗留问题，说明null也是一个对象）

console.log(typeof null) //输出object 登入後複製 NaN：返回值为number

console.log(typeof NaN) //输出number 登入後複製 6.JavaScript 数据类型的转换：

（1） 在使用加法（+）运算符时，任何数据与字符串类型数据相加都为字符串类型数据；

console.log("你好" + 123) //输出"你好123" 登入後複製 注（简单理解）： 在JavaScript 中 空字符串""转换为false，非空字符串转换为true（除“0”，“1”外）；

false转换为 0 或“0”，true转换为 1 或“1”；

做逻辑判断的时候，null，undefined，""(空字符串)，0， NaN都默认为false；

==在比较的时候可以转换数据类型，===是严格比较，只要类型不匹配就返回false；

其实 == 的比较确实是转换成字符串来比较但，但是在布尔型转换为字符串之前，要先转换成 Number

console.log("123" == true) //输出false console.log("1" == true) //输出true console.log("" == true) //输出false console.log(1 == true) //输出true

console.log("" == false) //输出true console.log('123' == false) //输出fasle console.log('0' == false) //输出true console.log(0 == false) //输出true

console.log('1' == 1) //输出true console.log('0' == 0) //输出true console.log(-true) //输出-1 登入後複製 （2） parseInt：将字符串转换成整数（只识别字符串中的数值）：

注：会 忽略字符串中的前后空格（当数值后的空格后面还有数值时，将不会再识别）；

能够正确识别正负号，即保留正负号；

在转换时，遇到非数值型的字符就会停止转换；

如果字符串的第一个字符是非数值型的，那么转换的结果为NaN；

console.log(parseInt("123")) //输出123 console.log(parseInt(" 1 2")) //只会输出1 console.log(parseInt(-123)) //输出-123 console.log(parseInt("hello")) //输出NaN console.log(parseInt(true)) //输出NaN console.log(parseInt("123hello")) //输出123，后面非数值型不会识别 console.log(parseInt(" 1 ")) //输出1，忽略空格 登入後複製 （3） parseFloat：将字符串转换成小数（识别小数点，注意事项同上）

console.log(parseFloat("123.55")) //输出123.55 console.log(parseFloat(".1hello")) //输出0.1 登入後複製 （4） Number：将其它类型的数据转换成数值型，注意被转换的数据必须是纯数值构成，否则无法转换，其它注意事项同上

console.log(Number(true)) //1 console.log(Number(false)) //0 console.log(Number(null)) //0 console.log(Number("123hello")) //NaN console.log(Number("12.22")) //12.22 console.log(Number(undefined)) //NaN 登入後複製 （5）页面中的信息框：

alert（），弹出个提示框，只有确定；

window.alert("今天天气很好") 登入後複製

confirm（），弹出个确认框，有确定和取消；

window.confirm("今天心情也很好") 登入後複製

prompt（），弹出个输入框，可以输入内容；

window.prompt("password","请输入密码") 登入後複製

JavaScript的基础暂时先写到这里，后续都会补上。。。

本文讲解了JavaScript相关的内容讲解，更多相关之请关注php中文网。