web js基础2
https://mooc1-1.chaoxing.com/mycourse/studentstudy?chapterId=320371036&courseId=206817619&clazzid=27165653&enc=7aba5691fb454c23b5175ab47a161701
文章目錄
- Js運算
- 賦值運算符
- 算術運算符
- 字符串
- 邏輯運算符
- 短路
- 關系運算符
- 字符串比較
- 相等性（不只有等于）
- == 和 ！=
- 特殊情況
- ===，執行判斷前不進行任何類型轉換
- 條件運算符
- （布爾表達式）
- 條件語句
- if
- switch
- 循環
- 概述
- for
- for-in
- for（x in object）所有屬性和方法（變量名稱）
- 具體看例子
- while
- do-while
- break continue
- Js函數
- 基本結構
- 調用
- 任意位置，事件中調用
- 返回值
- ！！！！！ 全局函數：eval
- DOM
- 查找HTML元素
- 通過id查找 document.getElementById("")
- 標簽名 document.getElementsByTagName
- 類名document.getElementsByClassName
- DOM HTML
- 動態HTML
- document.write動態輸出
- 改變 innerHTML
- 改變屬性
- 改變屬性的另一種方法
- DOM CSS
- DOM事件（EVENT）
- onclick
- 直接寫或寫成函數都行
- DOM節點 動態添加刪除
- 添加HTML元素
- 創建后的屬性修改
- 刪除
- 可以獲取父元素或子元素的方式定位
- BOM
- window對象
- Screen對象
- History對象（實現上級下級功能）
- Navigator對象：獲取瀏覽器信息
Js運算
賦值運算符
算術運算符
字符串
邏輯運算符
短路
關系運算符
字符串比較
相等性（不只有等于）
== 和 ！=
特殊情況
===，執行判斷前不進行任何類型轉換
條件運算符
（布爾表達式）
條件語句
if
switch
循環
概述
for
for-in
for（x in object）所有屬性和方法（變量名稱）
具體看例子
while
do-while
break continue
Js函數
基本結構
調用
任意位置，事件中調用
返回值
！！！！！ 全局函數：eval
DOM
查找HTML元素
通過id查找 document.getElementById("")
標簽名 document.getElementsByTagName
類名document.getElementsByClassName
DOM HTML
動態HTML
document.write動態輸出
改變 innerHTML
改變屬性
改變屬性的另一種方法
DOM CSS
DOM事件（EVENT）
onclick
直接寫或寫成函數都行
DOM節點 動態添加刪除
添加HTML元素
創建后的屬性修改
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title></head><body><div id="didid">12121</div><button onclick="aaa()"></button><script>eval("x=20;y=30;document.write('x wei'+x+' '+y)");document.write("<br/>")document.write("565656")function aaa(){var mymivar dididfor (var i = 0; i < 6; i++) {mymi= document.createElement("div");if(i%2==1){mymi.style.background = "black";}else{mymi.style.background = "red";}mymi.style.color="white";mymi.style.height="30px";mymi.innerHTML="asdasdad";didid = document.getElementById("didid");didid.appendChild(mymi);}}</script> </body> </html>
js中如何動態的在body中添加一個div？
刪除
可以獲取父元素或子元素的方式定位
BOM
window對象
Screen對象
####、 Location對象
History對象（實現上級下級功能）
Navigator對象：獲取瀏覽器信息
總結
- 上一篇： java实验7线程2020.5.28
- 下一篇： 【转】Java线程面试题 Top 50(