事件取消
-终止当前事件
-在事件调用的地方上写上 return false
-自定义对象
//第一种方法:
/*第二种创建对象 */
var p={
“name”:“曹操”,
“age”:18,
“run”:function(){
alert(this.name+this.age);
}
}
p.run();
#######DHTML
-把HTML和CSS和JS结合
简介:Dynamic(动态HTML)
DHTML包括:BOM和DOM
BOM:browser浏览器 OBject对象 Model模型 里面包含和浏览器相关的内容
DOM:Document文档 Object对象 Model模型 里面包含了所有和页面元素相关的内容
######BOM 浏览器对象模型
#####window
window中的所有属性称为全局属性,所有方法称为全局方法,调用时可以省略
window
如:window.alert();
window:包含以下对象
location:位置(浏览器当前所访问的地址,也可以修改)
location.href得到当前浏览器的地址
location.href=""修改浏览器访问的地址
-history:历史
当前窗口浏览的历史
history.back()返回上一个页面
history.length当前页面串口的历史页面的数量
history.go(-1):正值前进,负值后退 0为刷新
history.forward();前进到下一个页面
- screen:屏幕
screen.width/height获取屏幕分辨率
screen.availWidth/Height获取屏幕可用宽高 减掉了开始菜单栏的高度
navigator:导航/帮助
navigator.userAgent得到浏览器的版本信息
###和window相关的事件
窗口点击事件
window.οnclick=function(){
alert("");
}
//获取页面元素对象的代码一定要在页面加载完整之后执行,不然就会得到null
/页面加载完成事件/
οnlοad=function(){
}
页面获取焦点事件
οnfοcus=function(){
}
页面失去焦点事件
οnblur=function(){
}
####eval()
可以将字符串以js代码的形式执行
例如:
}
####弹出窗
-alert(“弹出的内容”)提示框
confirm(“内容”);确认框
弹出文本框prompt(“请输入。。。”)
####通过js对元素添加样式
x.style.样式名=‘值’;
定时器
第一个参数为方法,第二个参数为时间间隔
setInterval(function(){
},1000)
###创建元素的方式
var img=document.createElement();
往页面body中添加元素
document.body.appendChild(img)
###获取随机数
Math.random()获取随机数
Math.floor()向上取整