網頁中各種技術的作用
感謝大佬：https://blog.csdn.net/RookiexiaoMu_a/article/details/89052768
HTML 制作網頁的結構
CSS 美化網頁
JavaScript 讓網頁具有交互功能，在網頁上運行腳本
JavaScript與java的區別
**特點** **Java** **JavaScript**
面向對象 面向對象編程語言 基於對象，不完全面向過程。有部分面向對象
的特點
運行方式 編譯型語言，生成中間文件， 不會生成中間文件
字節碼解釋型，解釋一部分，
再運行一部分。
跨平台 安裝虛擬機跨平台 運行在瀏覽器中，只要系統有瀏覽器就可以運行。
數據類型 強類型語言，不同的數據 弱類型，同一個變量可以賦值不同的數據類型。
類型嚴格區分
大小寫 區分大小寫 區分大小寫
JavaScript語言組成
ECMA Script 所有腳本語言的規范，構成JS語言的核心基礎
DOM Document Object Model 文檔對象模型，用來操作網頁中各種元素和標簽
BOM Browser Object Model 瀏覽器對象模型，用來操作瀏覽器中各種對象，如：窗口
JavaScript五種數據類型
number 數值型
boolean 布爾類型：true/false
string 字符串，沒有字符類型
object 對象類型：內置對象，自定義對象
undefined 未定義的類型，沒有賦初值，不知道是什么類型
JavaScript注意事項
- 關於弱類型?
一個變量可以賦值不同數據類型的值 - 在JS中的字符和字符串引號？
在JS中沒有字符和字符串區分，都是字符串，字符串既可以使用單引號，也可以使用雙引號。 - var定義變量的特點？
var關鍵字不是必須的，可以省略，但是不建議。如果在函數體中定義變量省略了var關鍵字，則這個變量是全局變量
變量可以重復定義
不是函數的大括號，不能對變量的作用域起到限制的功能
JavaScript的比較運算符
- ==：在JavaScript中比較運算符是可以轉換類型的，將字符串轉成數值類型，再去比較
- ===：恆等於；既比較類型又比較值
<script type="text/javascript">
var n1 = "5";
var n2 = 5;
//在JS中比較運算符是可以轉換類型的，將字符串轉成數值類型，再去比較
document.write((n1 == n2) + "<br/>"); //true
//恆等於，既比較值，又比較類型
document.write((n1 === n2) + "<br/>"); //false
var n3 = "5";
document.write((n1===n3) + "<br/>"); //true
//字符串比較也是使用==，而不是使用equals()
document.write((n1==n3) + "<br/>"); //true
</script>
JavaScript的流程控制語句
-
if：非布爾類型也可以作為判斷條件
-
switch：小括號使用true可以使用表達式作為判斷條件
-
for：與java一樣
-
while：與java一樣
JavaScript匿名函數
命名函數語法：
function 函數名(形參列表) {
// 代碼塊
return 返回值;
}
匿名函數：沒有名字的函數
語法：
var 變量名 = function(形參列表) {
// 代碼塊
return 返回值;
}
// 可以通過變量名來引用這個匿名函數
注意事項：
- 在JS中沒有函數的重載，后出現的同名函數會覆蓋前面的同名函數。調用的時候，形參的個數與實參的個數無關
- 每個函數的內部都有一個隱藏數組：arguments[]
this關鍵字的作用
- 出現在控件的事件方法中：this表示img標簽這個元素
<!--this表示img對象-->
<img src="img/0.jpg" id="pic" width="600" onmouseout="imgMoveOut(this)">
- 出現在匿名函數的代碼中：this表示匿名函數激活對象
document.getElementById("pic").onmouseover = function () {
//如果是自己的屬性可以使用this
this.src = "img/3.jpg";
};
JavaScript定義數組
new Array() // 創建一個長度為0的數組
new Array(4) // 創建一個長度為4的數組
new Array(1,2,3,4) // 指定數組中每個元素創建數組
[1,2,3,4] // 指定數組中每個元素創建數組
Math對象
Math 對象
- Math 對象用於執行數學任務。
- Math 對象並不像 Date 和 String 那樣是對象的類，因此沒有構造函數 Math()。
語法
var x = Math.PI; // 返回PI
var y = Math.sqrt(16); // 返回16的平方根
Math 對象屬性
Math 對象方法
String 對象方法
補充：
https://www.w3school.com.cn/js/js_switch.asp
