js:javascript 腳本 直接解釋就可以
js和html整合:
方式1:在html頁面中
<script></script>
方式2:外部的js文件
<script src=""></script>
js組成部分:
ECMAScript:語法
BOM:瀏覽器對象模型
DOM:文檔對象模型

基礎語法:
var 變量名=值;
數據類型:
原始類型
Undefined Null String Number Boolean
通過typeof判斷屬於那種類型
引用類型
Number Boolean
★String
屬性:length
方法:
substring
★Array
屬性:length
方法:
join(分隔符):打印數組
Math
Date
RegExp
直接量語法:
/正則表達式/
方法:
test()
全局
decodeURI
encodeURI

eval()
////////////////////////
函數:
function 函數名(參數列表){
函數體
}

匿名函數:
function(){....}

事件:
常見事件:
焦點:
onfocus
onblur
表單:
onsubmit
onchange
頁面元素加載
onload
單擊
onclick
綁定事件:
方式1:通過標簽的事件屬性
<xxx onxxx="函數(參數)"/> 參數若是:this 將當前的dom對象傳遞給函數
方式2:派發事件
dom對象.onxxx=function(){...}
///////////////////////
bom
window:窗口
常用屬性:
window.location
//////
常用方法:
消息框
alert() confirm() prompt()
定時器
setInterval()
setTimeout()
打開關閉 open close
location:定位
location.href;獲取當前的url
location.href="..";設置url 相當於a標簽
history:歷史
go()
/////////////////////////
dom
節點(Node)
元素節點
屬性節點
文本節點

文檔節點
獲取其他節點
document.getElementById("id值"):一個元素
document.getElementsByTagName("標簽名"):多個
document.getElementsByClassName("class值")
document.getElementsByName("name值")
操作屬性
dom對象.屬性:
例如
dom對象.value;
dom對象.value="";
dom對象.style.css屬性="值";
操作標簽體:
dom對象.innerHTML;獲取
dom對象.innerHTML="";設置

javascript總結