javascript
JavaScript基础01【简介、js编写位置、基本语法(6种基本数据类型)】
學習地址:
JavaScript基礎、高級學習筆記匯總表【尚硅谷最新版JavaScript基礎全套教程完整版(140集實戰(zhàn)教學,JS從入門到精通)】
目? ?錄
課時1:JS基礎_JS簡介
1、PPT課件
2、編程語言排行榜
3、JS使用案例
任務1:JS基礎_JS簡介-下載資料
課時2:JS基礎_JS的HelloWorld
輸出語句(1)控制瀏覽器彈出警告框
輸出語句(2)讓計算機在頁面中輸出內容
輸出語句(3)向控制臺輸出內容
課時3:JS基礎_js編寫位置
1、寫在標簽屬性中
1.1、οnclick="alert('點擊事件。');"
1.2、超鏈接的href屬性
2、寫在js標簽中
3、寫在外部文件中
課時4:JS基礎_基本語法
1、單行注釋、多行注釋
2、JS嚴格區(qū)分大小寫;js語句以分號結尾;js會自動忽略空格
課時5:JS基礎_字面量和變量
課時6:JS基礎_標識符
課時7:JS基礎_字符串
1、六種基本數(shù)據(jù)類型
2、轉義字符
課時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轉換器!!!
鏈接:https://pan.baidu.com/s/15e8Ebq1P3D1ZsfSOsj4rSw
提取碼:abtf
課時2:JS基礎_JS的HelloWorld
輸出語句(1)控制瀏覽器彈出警告框
輸出語句(2)讓計算機在頁面中輸出內容
document:文檔。一個網(wǎng)頁就是一個文檔。
document.write("");? ?==》向文檔中寫東西。向body中輸出(寫)內容。
輸出語句(3)向控制臺輸出內容
JS代碼,從上到下,一行行地執(zhí)行!
console.log("");?
課時3:JS基礎_js編寫位置
1、寫在標簽屬性中
js代碼,雖然可以寫在標簽的屬性中,但是它們屬于結構與行為耦合,不方便維護,不推薦使用。
1.1、οnclick="alert('點擊事件。');"
1.2、超鏈接的href屬性
<a?href="javascript:alert('啦啦啦~');">跳轉</a>
2、寫在js標簽中
3、寫在外部文件中
<!DOCTYPE html> <html><head><meta charset="UTF-8"><title></title><!--可以將js代碼編寫到外部js文件中,然后通過script標簽引入寫到外部文件中可以在不同的頁面中同時引用,也可以利用到瀏覽器的緩存機制推薦使用的方式--><!--script標簽一旦用于引入外部文件了,就不能在編寫代碼了,即使編寫了瀏覽器也會忽略如果需要則可以再創(chuàng)建一個新的script標簽用于編寫內部代碼--><script type="text/javascript" src="js/script.js"></script><script type="text/javascript">alert("我是內部的JS代碼");</script><!--可以將js代碼編寫到script標簽 <script type="text/javascript">alert("我是script標簽中的代碼!!");</script>--></head><body><!--可以將js代碼編寫到標簽的onclick屬性中當我們點擊按鈕時,js代碼才會執(zhí)行雖然可以寫在標簽的屬性中,但是它們屬于結構與行為耦合,不方便維護,不推薦使用。--><button onclick="alert('討厭,你點我干嘛~~');">點我一下</button><!--可以將js代碼寫在超鏈接的href屬性中,這樣當點擊超鏈接時,會執(zhí)行js代碼。--><a href="javascript:alert('讓你點你就點!!');">你也點我一下</a><a href="javascript:;">你也點我一下</a></body> </html>課時4:JS基礎_基本語法
1、單行注釋、多行注釋
2、JS嚴格區(qū)分大小寫;js語句以分號結尾;js會自動忽略空格
alert ,必須 是 小寫 !!!?
課時5:JS基礎_字面量和變量
課時6:JS基礎_標識符
/*
* 標識符
* ?? ?- 在JS中所有的可以由我們自主命名的都可以稱為是標識符
* ?? ?- 例如:變量名、函數(shù)名、屬性名都屬于標識符
* ?? ?- 命名一個標識符時需要遵守如下的規(guī)則:
* ?? ??? ?1.標識符中可以含有字母、數(shù)字、_、$
* ?? ??? ?2.標識符不能以數(shù)字開頭
* ?? ??? ?3.標識符不能是ES中的關鍵字或保留字
* ?? ??? ?4.標識符一般都采用駝峰命名法
* ?? ??? ??? ?- 首字母小寫,每個單詞的開頭字母大寫,其余字母小寫
* ?? ??? ??? ?helloWorld xxxYyyZzz
*?
* ?? ?- JS底層保存標識符時,實際上是采用的Unicode編碼,
* ?? ??? ?所以理論上講,所有的utf-8中含有的內容都可以作為標識符
*/?
課時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、轉義字符
<!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進行浮點運算,可能得到一個不精確的結果
?* ?? ?所以千萬不要使用JS進行對精確度要求比較高的運算?? ?
?*/
//運算最終要轉為二進制運算,二進制無法表示1/10
課時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 ” !!!
?
總結
以上是生活随笔為你收集整理的JavaScript基础01【简介、js编写位置、基本语法(6种基本数据类型)】的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 数据结构Java07【二叉排序树(添加查
- 下一篇: 数据结构Java08【二叉平衡树(AVL