捡错
try
{
adddlert("Welcome guest!");
}
catch(err)
{
alert(err.message); //输出错误信息
}
}
JavaScript数据类型
字符串(String)
数字(Number)
布尔(Boolean)
数组(Array) var arr=["a","b","csd","ddd"]; var arr=new Array[];
对象(Object)
空(null)
未定义
可以通过赋值为null的方式清除变量
alert(“”);弹出一个对话框
捕获异常
try{
}catch(err){
}
事件
onClick 点击事件
onMouseOver 鼠标经过事件
onMouseOut 鼠标移出事件
onChange 文本内容改变事件
onSelect 文本框选中事件
onFocus 光标聚集事件
onBlur 移开光标事件
windoow.onLoad 网页加载事件
onUnload 关闭网页事件
DOM
寻找元素
根据id:getElementById("pid")
根据元素名称:getElementsByTagName("p");相同元素中的第一个
改变HTML内容 innerHTML
改变标签属性
stopPropagation(); 阻止事件冒泡,向上一级传递
preventDefault();阻止事件默认行为
事件的浏览器适配
var btn1=document.getElementById("btn1");
if(btn1.addEventLisstener){
btn1.addEventLisstener("click",demo);
}else if(btn.attachEvent){
btn.attachEvent("onclick",demo);
}else{
btn1.οnclick=demo();
}
funtion demo(){
alert("hellow");
}
对象.
声明对象: peolle=new Object();
Math.
round(); 四舍5入
random();0到1随机数
parseInt();转化为INT值
String
属性:length prototype constructor
indexOf();在字符串中查找字符
repalce();替换内容
toUpperCase()/toLowerCase()
split(); 把字符转换为数组
Date
var date=new Date();
date.toLocalleDateSting(); 转换字符
getFullYear();
getTime();
getDay();
getHours();
getMinutes();
getSecond();
线性函数
t=setTimeout(function(){ },500); 每500毫秒执行一次
Array
concat(); 合并数组
sort(); 排序
push(); 末尾追加元素
reserve(); 数组翻转
DOM对象控制HTML
getElementsByName() ; 通过名称找到元素(<p name="as">元素名称</p>)
getElementsByTagName(); 通过元素名称(p h1 a标签的名称,注意跟上面的区别)找到元素
getAttribute(); 获取元素属性
setAttribute(); 设置元素属性
childNodes(); 访问子节点
parentNode(); 访问父 节点
createElement(); 创建元素节点(在末尾添加)
var parent=document.getElementById("container");
var cconet=document.createElement("div");
cconet.class="box";
parent.appendChlid(cconet);
createTextNode(); 创建文本节点
insertBefore(); 插入节点(在制定位置添加)
removeChil(); 删除节点
offsetHeight(); 网页尺寸(不包括滚动条)
scrolHeight(); 网页尺寸
javascrip Window对象
window.open(“rel”,“名称”); 打开一个新窗口
window.close();关闭当前窗口
screen对象
screen.abailHeigh();可用高度
screen.abailWidth();
screen.height(); 窗口高度
screen.width();
计时器
setlnterval(); 设置每隔一段时间调用一次(重复执行)
clearlnterval();
setTimeout(); 设置指向时间间隔后执行(只执行一次)
clearTimeout();
Histpry对象
history.back(); 与浏览器中点击后退
history.forward();
history.go();
Location 对象
location.hostname 返回web主机的域名
location.pathname 返回当前页面的路径和文件名
location.port wen主机的端口
location.protocol 返回所使用的web协议
location.href 属性返回当前页面的URL
location.assign 方法加载新的文档
动画
TweenMax(去学习一下)
选中一个数组中(boxHeight)最小的数
var minheight=Math.min.apply(null,boxHeight);
var imgwidtg=ccontent[0].offsetWidth;/*得到每张图片的宽度*/
var screenwifth= document.documentElement.clientWidth;/*得到页面的宽度*/页面高度
oarent.style.cssText="width:"+imgwidtg*cols+"px"; /*设置div的宽度*/
ccontent[i].style.position="absolute"; /*设置属性,注意与上面区别*/
ccontent[i].style.left=ccontent[minindex].offsetLeft+"px";/*ccontent[minindex].offsetLeft获取元素距离左边的位置*/
try
{
adddlert("Welcome guest!");
}
catch(err)
{
alert(err.message); //输出错误信息
}
}
JavaScript数据类型
字符串(String)
数字(Number)
布尔(Boolean)
数组(Array) var arr=["a","b","csd","ddd"]; var arr=new Array[];
对象(Object)
空(null)
未定义
可以通过赋值为null的方式清除变量
alert(“”);弹出一个对话框
捕获异常
try{
}catch(err){
}
事件
onClick 点击事件
onMouseOver 鼠标经过事件
onMouseOut 鼠标移出事件
onChange 文本内容改变事件
onSelect 文本框选中事件
onFocus 光标聚集事件
onBlur 移开光标事件
windoow.onLoad 网页加载事件
onUnload 关闭网页事件
DOM
寻找元素
根据id:getElementById("pid")
根据元素名称:getElementsByTagName("p");相同元素中的第一个
改变HTML内容 innerHTML
改变标签属性
stopPropagation(); 阻止事件冒泡,向上一级传递
preventDefault();阻止事件默认行为
事件的浏览器适配
var btn1=document.getElementById("btn1");
if(btn1.addEventLisstener){
btn1.addEventLisstener("click",demo);
}else if(btn.attachEvent){
btn.attachEvent("onclick",demo);
}else{
btn1.οnclick=demo();
}
funtion demo(){
alert("hellow");
}
对象.
声明对象: peolle=new Object();
Math.
round(); 四舍5入
random();0到1随机数
parseInt();转化为INT值
String
属性:length prototype constructor
indexOf();在字符串中查找字符
repalce();替换内容
toUpperCase()/toLowerCase()
split(); 把字符转换为数组
Date
var date=new Date();
date.toLocalleDateSting(); 转换字符
getFullYear();
getTime();
getDay();
getHours();
getMinutes();
getSecond();
线性函数
t=setTimeout(function(){ },500); 每500毫秒执行一次
Array
concat(); 合并数组
sort(); 排序
push(); 末尾追加元素
reserve(); 数组翻转
DOM对象控制HTML
getElementsByName() ; 通过名称找到元素(<p name="as">元素名称</p>)
getElementsByTagName(); 通过元素名称(p h1 a标签的名称,注意跟上面的区别)找到元素
getAttribute(); 获取元素属性
setAttribute(); 设置元素属性
childNodes(); 访问子节点
parentNode(); 访问父 节点
createElement(); 创建元素节点(在末尾添加)
var parent=document.getElementById("container");
var cconet=document.createElement("div");
cconet.class="box";
parent.appendChlid(cconet);
createTextNode(); 创建文本节点
insertBefore(); 插入节点(在制定位置添加)
removeChil(); 删除节点
offsetHeight(); 网页尺寸(不包括滚动条)
scrolHeight(); 网页尺寸
javascrip Window对象
window.open(“rel”,“名称”); 打开一个新窗口
window.close();关闭当前窗口
screen对象
screen.abailHeigh();可用高度
screen.abailWidth();
screen.height(); 窗口高度
screen.width();
计时器
setlnterval(); 设置每隔一段时间调用一次(重复执行)
clearlnterval();
setTimeout(); 设置指向时间间隔后执行(只执行一次)
clearTimeout();
Histpry对象
history.back(); 与浏览器中点击后退
history.forward();
history.go();
Location 对象
location.hostname 返回web主机的域名
location.pathname 返回当前页面的路径和文件名
location.port wen主机的端口
location.protocol 返回所使用的web协议
location.href 属性返回当前页面的URL
location.assign 方法加载新的文档
动画
TweenMax(去学习一下)
选中一个数组中(boxHeight)最小的数
var minheight=Math.min.apply(null,boxHeight);
var imgwidtg=ccontent[0].offsetWidth;/*得到每张图片的宽度*/
var screenwifth= document.documentElement.clientWidth;/*得到页面的宽度*/页面高度
oarent.style.cssText="width:"+imgwidtg*cols+"px"; /*设置div的宽度*/
ccontent[i].style.position="absolute"; /*设置属性,注意与上面区别*/
ccontent[i].style.left=ccontent[minindex].offsetLeft+"px";/*ccontent[minindex].offsetLeft获取元素距离左边的位置*/