"煩人的"js
什么js?
??????? javascript? ? java
?????????? 前端 ? ? ? ? 后臺
為什么學js
??????? 交互? 視覺沖擊? 修改css ?
基礎:
?????? js語言特性、DOM、BOM、ajax、jq、(angular、react、vue) 工具(webpack...)
?????? 前后端分離(職責上的分離)
-----------------------------------------------------------------
第一個js
?????? document ?? get? ? Element? By? ? Id? ? (w3c)
????????? 文檔 ? ? ? ? 獲取 ? ?? 元素? ? 通過? id
????? 文檔通過id獲取元素
css怎么寫 js就怎么寫,但是有個東西例外:
??????? class? ? className(不加style)
??????? margin-left
??????? marginLeft
復合樣式首字母大寫
單引號里面寫雙引號
雙引號里面寫單引號
js的代碼寫在script 里面
? ? ? ? ?**函數聲明和調用
? ? ? ? ? ?聲明:function 函數名() {
? ? ? ? ? ? ?//code
? ? ? ? ? ?}
? ? ? ? ?調用:函數名()
變量:
? ? ? ? 聲明:var 名字=值;
? ? ? ? 調用:名字拿著用
起名字:
? ? ? ? oBject 一個對象
? ? ? ? aBject 多個對象
**任何標簽都能操作? 任何樣式都能修改
?事件:
? ? ? ? 點擊事件:onclick
? ? ? ? 鼠標移入:onmouseover
? ? ? ? 鼠標移出:onmouseout
**任何標簽都能加事件 操作誰給誰加事件
事件觸發:
? ? ? ? obj.onclick=function(){
? ? ? ? //code;
? ? ? ?}
document.body能直接選中body
流程控制語句
? ? ? ? ? if(條件){語句1}else{語句2}
? ? ? ? ? if(我有錢){瑪莎拉蒂}else{qq}
=? 賦值? == 判斷比較? === 全等
style 玩的都是行間