location對象的屬性:
location.hostname //返回 web 主機的域名****
location.pathname //返回當前頁面的路徑和文件名
location.port //返回 web 主機的端口
location.protocol //返回所使用的 web 協議 ([http://]() 或 https:// )
location.href //屬性返回當前頁面的 URL
location.assign() //方法加載新的文檔
screen對象的屬性:
screen.availWidth //可用的屏幕寬度
screen.availHeight //可用的屏幕高度
screen.Height // 屏幕高度
screen.Width // 屏幕寬度```
**document對象**
getElementById("id")
getElementsByTagName("") 獲取元素名 如 ul、li 等
createElement("nodename") 創建元素節點
createTextNode("textcontent") 創建文本節點
####getElementsByClassName("") 如下:
function getElementsByClassName(node,classname){
if (node.getElementsByClassName){
//使用現有方法
return node. getElementsByClassName(classname);
} else{
var results = new Array();
var elems = node.getElementsByTagName("*");
for (var i=0; i<elems.length; i++) {
if (elems[i].className.indexOf(classname) != -1) {
results[results.length] = elems[i];
}
}
return results;
}
}
getAttribute("要查詢的屬性名") 如"title"
setAttribute("src","image/example.gif")對屬性節點值做修改
childNodes 獲取任意元素下所有子元素
nodeType 元素節點屬性:
元素節點nodeType屬性值是1;
屬性節點nodeType屬性值是2;
文本節點nodeType屬性值是3;
nodeValue 得到或改變一個節點的值
firstChild 等價于 childNodes[0]
lastChild 代表childNodes數組最后一個元素
links[i].onclick = links[i].onkeypress 點擊與鍵盤按鍵事件處理 (一般不用onkeypress)
appendChild 把創建的新節點插入到某個文檔的節點樹
例如:parent.appendChild(Child)
innerHTML --> x.innerHTML = "hello"; //改變內容
match() 方法將檢索字符串
insertBefore(要插入的元素,位置目標元素)將一個元素插入到另一個元素前面
相反的 insertAfter(要插入的元素,位置目標元素)
function insertAfter(newElement,targetElement){
var parent = targetElement.parentNode;
if (parent.lastChild == targetElement){
parent.appendChild(newElement);
}else{
parent.insertBefore(newElement,targetElement.nextSibling);
}
}
**共享onload事件:addLoadEvent函數**
function addLoadEvent(func){
var oldonload = window.onload;
if (typeof window.onload != 'function'){
window.onload = func;
}else{
window.onload = function(){
oldonload();
func();
}
}
}
//如下面這樣寫要執行的函數
addLoadEvent(firstFunction);
addLoadEvent(secondFunction);```
//獲取樣式
function getStyle(obj,attr){
if(obj.currentStyle){
return obj.currentStyle[attr];
}else{
return getComputedStyle(obj,false)[attr];
}
}
阻止 <a>
標簽的跳轉事件:
1.e.preventDefault() //綁定事件 阻止冒泡
2.href="###" //指定一個空錨點
3.javascript:; //指定一個空事件