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:; //指定一个空事件