Js中级
//DOM树加载完成后执行Js代码
window.onload = function(){};
//操作符 的优先级 高->低
算术操作符 → 比较操作符 → 逻辑操作符 → "="赋值符号
如果同级的运算是按从左到右次序进行,多层括号由里向外。
// 数组定义
var arr = new Array(); //不要要输入数组的长度 可随意增加
arr[0]=1;
arr[1]=2;
//数组初始化赋值
var arr = new Array(1,2,3);
var arr = new Array();
arr[1,2,3];
//取数组中的值
var value=arr[0];
//数组的长度是可读写的
int length=arr.length;//获取数组长度
arr.length = 100;//设置数组的长度
//函数定义(没返回值)
function add(a,b)
{
var sum = a+b;
alert(sum);
}
// 函数调用
add(1,2);
//函数定义(有返回值)
function add(a,b)
{
var sum = a+b;
return sum;
}
// 函数调用
var result =add(1,2);
//事件
//JavaScript内置对象
//string对象
var str = "hE,llo";
str.toUpperCase();//转换成大写
str.toLowerCase();//转换成小写
str.charAt(index);//返回指定位置的字符
str.indexOf(s,index);//返回指定字符串第一次出现的下标 index表示从什么位置开始检索
str.split(',',2);//按,分割字符串 2表示返回的字符数组的长度最大为2
str.substring(1,3);//截取字符串 开始的下标 结束的下标(包含起始下标的字符)
//Date日期对象
var mydate = new Date();
//Math对象
//Array对象
//字符型转换为整型
var intNum = parseInt("100");
//Windows对象
//每隔1000毫秒执行一次clock函数 返回的id用来取消时间设定
int id =setInterval(clock,1000); 或者 int id = setInterval("clock()",1000);
//根据上面的setInterval的返回值id来取消这个时间设定
clearInterval(id);
//隔1000毫秒之后执行一次clock函数(只执行一次) 返回的id用来取消时间设定
int id =setTimeout(clock,1000);或者int id = setTimeout("clock()",1000);
//根据上面的setTimeOut的返回值id来取消这个时间绑定
clearTimeOut(id);
//History对象
//返回前一个页面
history.back(); 相当于history.go(-1);
//返回后一个页面
history.forward();相当于history.go(1);
//指定返回或前进几个页面
history.go(-2); history.go(2);
//Location对象
//获得当前的url
var href = location.href;
//navigator对象
//获取浏览器的信息
navigator.userAgent;
//screen对象
通过window.screen.属性调用
//DOM对象
通过document.getElementById("元素id");获得元素对象 //返回一个元素
通过document.getElementsByName("元素Name");获得元素对象 //返回一组元素 注意是Elements
通过document.getElementsByTagName("标签名");获得元素对象 //返回一组元素 注意是Elements
//节点属性
通过document.getElementById("元素id");获得元素对象 //返回一个元素
元素对象.nodeName;//获得节点的名称 只读属性
元素对象.nodeValue;//获得节点的值
元素对象.nodeType;//获得节点的类型 只读属性
元素对象.childNodes;//获得节点的所有子节点集合
元素对象.childNodes.firstChild;//获取节点下的第一个子节点
元素对象.childNodes.lastChild;//获取节点下的最后一个子节点
元素对象.parentNode;//获取节点的父节点 父节点只有一个
元素对象.nextSibling;//访问兄弟节点，获取紧跟的后面的一个节点
元素对象.previousSibling;//访问兄弟节点 ，获取紧跟的前面的一个节点
var temp = document.createElement("标签名");//创建一个元素节点
var txt = document.createTextNode("字符串值 用于显示 的文本");
元素对象.appendChild(temp);//把temp节点加到元素对象的最后一个子节点中
元素对象.insertBefore(要插入的新节点,元素对象的某一个现有的子节点);//元素对象调用insertBefore方法 将一个新节点插入到现有的子节点的前面
元素对象.removeChild(元素对象的子节点);//方法有返回值 返回值就是要删除的这个节点对象
元素对象.replaceChild(新的节点,元素对象的某一个现有的子节点);//用新元素几点替换老节点
//getAttribute()方法
先获取元素，然后通过元素的getAttribute("属性名称");获取属性的值
//setAttribute()方法
先获取元素，然后通过元素的setAttribute("要给元素添加的属性的名称","要给元素添加的属性的值");
//浏览器窗口可视区域的大小
一、对于IE9+、Chrome、Firefox、Opera 以及 Safari：
• window.innerHeight - 浏览器窗口的内部高度
• window.innerWidth - 浏览器窗口的内部宽度
二、对于 Internet Explorer 8、7、6、5：
• document.documentElement.clientHeight表示HTML文档所在窗口的当前高度。
• document.documentElement.clientWidth表示HTML文档所在窗口的当前宽度。
或者
Document对象的body属性对应HTML文档的<body>标签
• document.body.clientHeight
• document.body.clientWidth
//网页尺寸
scrollHeight; scrollHeight;//不包括滚动条
var w=document.documentElement.scrollWidth
|| document.body.scrollWidth;
var h=document.documentElement.scrollHeight
|| document.body.scrollHeight;
//网页尺寸
offsetHeight和offsetWidth，获取网页内容高度和宽度(包括滚动条等边线，会随窗口的显示大小改变)。
offsetHeight = clientHeight + 滚动条 + 边框。
var w= document.documentElement.offsetWidth
|| document.body.offsetWidth;
var h= document.documentElement.offsetHeight
|| document.body.offsetHeight;
