當前位置：首頁 > 前端技术 > javascript >内容正文

javascript

JavaScript基础01【简介、js编写位置、基本语法(6种基本数据类型)】

發(fā)布時間：2024/9/30 javascript 36 豆豆

生活随笔收集整理的這篇文章主要介紹了 JavaScript基础01【简介、js编写位置、基本语法(6种基本数据类型)】小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.

學習地址：

谷粒學院---尚硅谷

尚硅谷最新版JavaScript基礎全套教程完整版(140集實戰(zhàn)教學,JS從入門到精通)

JavaScript基礎、高級學習筆記匯總表【尚硅谷最新版JavaScript基礎全套教程完整版(140集實戰(zhàn)教學,JS從入門到精通)】

目? ?錄

課時1：JS基礎_JS簡介

1、PPT課件

2、編程語言排行榜

3、JS使用案例

任務1：JS基礎_JS簡介-下載資料

課時2：JS基礎_JS的HelloWorld

輸出語句（1）控制瀏覽器彈出警告框

輸出語句（2）讓計算機在頁面中輸出內(nèi)容

輸出語句（3）向控制臺輸出內(nèi)容

課時3：JS基礎_js編寫位置

1、寫在標簽屬性中

1.1、οnclick="alert('點擊事件。');"

1.2、超鏈接的href屬性

2、寫在js標簽中

3、寫在外部文件中

課時4：JS基礎_基本語法

1、單行注釋、多行注釋

2、JS嚴格區(qū)分大小寫；js語句以分號結(jié)尾；js會自動忽略空格

課時5：JS基礎_字面量和變量

課時6：JS基礎_標識符

課時7：JS基礎_字符串

1、六種基本數(shù)據(jù)類型

2、轉(zhuǎn)義字符

課時8：JS基礎_Number

課時9：JS基礎_布爾值

課時10：JS基礎_Null和Undefined

附：修改網(wǎng)頁播放器速率

課時1：JS基礎_JS簡介

1、PPT課件

JavaScript 腳本語言。

IE（explore）

DOM：文檔對象模型，操作網(wǎng)頁。

BOM：瀏覽器對象模型，操作瀏覽器。

解釋型語言：不用編譯，直接運行。

2、編程語言排行榜

3、JS使用案例

任務1：JS基礎_JS簡介-下載資料

PPT：PDF轉(zhuǎn)換器！！！

鏈接：https://pan.baidu.com/s/15e8Ebq1P3D1ZsfSOsj4rSw
提取碼：abtf

課時2：JS基礎_JS的HelloWorld

輸出語句（1）控制瀏覽器彈出警告框

輸出語句（2）讓計算機在頁面中輸出內(nèi)容

document：文檔。一個網(wǎng)頁就是一個文檔。

document.write("");? ?==》向文檔中寫東西。向body中輸出（寫）內(nèi)容。

輸出語句（3）向控制臺輸出內(nèi)容

JS代碼，從上到下，一行行地執(zhí)行！

console.log("");?

課時3：JS基礎_js編寫位置

1、寫在標簽屬性中

js代碼，雖然可以寫在標簽的屬性中，但是它們屬于結(jié)構(gòu)與行為耦合，不方便維護，不推薦使用。

1.1、οnclick="alert('點擊事件。');"

1.2、超鏈接的href屬性

<a?href="javascript:alert('啦啦啦~');">跳轉(zhuǎn)</a>

2、寫在js標簽中

3、寫在外部文件中

<!DOCTYPE html> <html><head><meta charset="UTF-8"><title></title><script type="text/javascript" src="js/script.js"></script><script type="text/javascript">alert("我是內(nèi)部的JS代碼");</script></head><body><button onclick="alert('討厭，你點我干嘛~~');">點我一下</button><a href="javascript:alert('讓你點你就點！！');">你也點我一下</a><a href="javascript:;">你也點我一下</a></body> </html>

課時4：JS基礎_基本語法

1、單行注釋、多行注釋

2、JS嚴格區(qū)分大小寫；js語句以分號結(jié)尾；js會自動忽略空格

alert ，必須是小寫！！！?

課時5：JS基礎_字面量和變量

課時6：JS基礎_標識符

/*
* 標識符
* ?? ?- 在JS中所有的可以由我們自主命名的都可以稱為是標識符
* ?? ?- 例如：變量名、函數(shù)名、屬性名都屬于標識符
* ?? ?- 命名一個標識符時需要遵守如下的規(guī)則：
* ?? ??? ?1.標識符中可以含有字母、數(shù)字、_、$
* ?? ??? ?2.標識符不能以數(shù)字開頭
* ?? ??? ?3.標識符不能是ES中的關(guān)鍵字或保留字
* ?? ??? ?4.標識符一般都采用駝峰命名法
* ?? ??? ??? ?- 首字母小寫，每個單詞的開頭字母大寫，其余字母小寫
* ?? ??? ??? ?helloWorld xxxYyyZzz
*?
* ?? ?- JS底層保存標識符時,實際上是采用的Unicode編碼，
* ?? ??? ?所以理論上講，所有的utf-8中含有的內(nèi)容都可以作為標識符
*/?

<!DOCTYPE html> <html><head><meta charset="UTF-8"><title></title><script type="text/javascript">var a = 1;/*var if = 123;console.log(if);*///千萬不要這么用var 鋤禾日當午 = 789;console.log(鋤禾日當午);</script></head><body></body> </html>

課時7：JS基礎_字符串

1、六種基本數(shù)據(jù)類型

/*
* 數(shù)據(jù)類型指的就是字面量的類型
* ?在JS中一共有六種數(shù)據(jù)類型
* ?? ??? ?1、String 字符串
* ?? ??? ?2、Number 數(shù)值
* ?? ??? ?3、Boolean 布爾值
* ?? ??? ?4、Null 空值
* ?? ??? ?5、Undefined 未定義
* ?? ??? ?6、Object 對象
* 其中String Number Boolean Null Undefined屬于基本數(shù)據(jù)類型
* 而Object屬于引用數(shù)據(jù)類型
*/

/*
* String字符串
* ?? ?- 在JS中字符串需要使用引號引起來
* ?? ?- 使用雙引號或單引號都可以，但是不要混著用
* ?? ?- 引號不能嵌套，雙引號不能放雙引號，單引號不能放單引號
*/

2、轉(zhuǎn)義字符

<!DOCTYPE html> <html><head><meta charset="utf-8" /><title></title><script type="text/javascript">var str = 'hello';str = '我說:"今天天氣真不錯！"';str = "我說:\"今天\t天氣真不錯！\"";str = "\\\\\\";console.log("1111")//輸出字面量字符串str//alert("str");//輸出變量stralert(str); var str2 = "hello";str2 = "你好";str2 = 3;//alert("hello，你好");//console.log("我就是不出來~~~");document.write("<");</script></head><body></body> </html>

課時8：JS基礎_Number

/*
?* 在JS中所有的數(shù)值都是Number類型，
?* ?? ?包括整數(shù)和浮點數(shù)（小數(shù)）
?*?
?* JS中可以表示的數(shù)字的最大值
?* ?? ?Number.MAX_VALUE
?* ?? ??? ?1.7976931348623157e+308
?*?
?* ?? ?Number.MIN_VALUE 大于0的最小值
?* ?? ??? ?5e-324
?*?
?* ?如果使用Number表示的數(shù)字超過了最大值，則會返回一個
?* ?? ??? ?Infinity 表示正無窮
?* ?? ??? ?-Infinity 表示負無窮
?* ?? ??? ?使用typeof檢查Infinity也會返回number
?* ?NaN 是一個特殊的數(shù)字，表示Not A Number
?* ?? ??? ?使用typeof檢查一個NaN也會返回number
?*/

/*
?? ?可以使用一個運算符 typeof
?? ??? ?來檢查一個變量的類型
?? ?語法：typeof 變量?? ?
?? ?檢查字符串時，會返回string
?? ?檢查數(shù)值時，會返回number
?* */
?

/*
?* 在JS中整數(shù)的運算基本可以保證精確
?*/

/*
?* 如果使用JS進行浮點運算，可能得到一個不精確的結(jié)果
?* ?? ?所以千萬不要使用JS進行對精確度要求比較高的運算?? ?
?*/
//運算最終要轉(zhuǎn)為二進制運算，二進制無法表示1/10

<!DOCTYPE html> <html><head><meta charset="UTF-8"><title></title><script type="text/javascript">/** 在JS中所有的數(shù)值都是Number類型，* 包括整數(shù)和浮點數(shù)（小數(shù)）* * JS中可以表示的數(shù)字的最大值* Number.MAX_VALUE* 1.7976931348623157e+308* * Number.MIN_VALUE 大于0的最小值* 5e-324* * 如果使用Number表示的數(shù)字超過了最大值，則會返回一個* Infinity 表示正無窮* -Infinity 表示負無窮* 使用typeof檢查Infinity也會返回number* NaN 是一個特殊的數(shù)字，表示Not A Number* 使用typeof檢查一個NaN也會返回number*//* 可以使用一個運算符 typeof 來檢查一個變量的類型語法：typeof 變量檢查字符串時，會返回string檢查數(shù)值時，會返回number */var a = 123; //數(shù)字123var b = "123"; //字符串123console.log(typeof b);a = -Number.MAX_VALUE * Number.MAX_VALUE;console.log(a);a = Infinity; //字面量console.log(a);console.log(typeof a);a = "abc" * "bcd";console.log(a)console.log("* : " + typeof a);a = NaN;console.log(typeof a);a = Number.MIN_VALUE;console.log("Number.MIN_VALUE : " + a);/** 在JS中整數(shù)的運算基本可以保證精確*/var c = 1865789 + 7654321;/** 如果使用JS進行浮點運算，可能得到一個不精確的結(jié)果* 所以千萬不要使用JS進行對精確度要求比較高的運算 */var c = 0.1 + 0.2;//運算最終要轉(zhuǎn)為二進制運算，二進制無法表示1/10console.log("0.1 + 0.2 : " + c);</script></head><body></body> </html>

課時9：JS基礎_布爾值

課時10：JS基礎_Null和Undefined

附：修改網(wǎng)頁播放器速率

JS的簡單小應用——修改播放器速率

原文鏈接：https://blog.csdn.net/qq_45313088/article/details/104566962

document.querySelector('video').playbackRate=3 //此方法適用于h5播放器，且當前頁面只有一個播放窗口

按 “ F12 ” ！！！

總結(jié)

以上是生活随笔為你收集整理的JavaScript基础01【简介、js编写位置、基本语法(6种基本数据类型)】的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。

上一篇：数据结构Java07【二叉排序树（添加查
下一篇： gradle idea java ssm