BOM&DOM
DOM对象控制HTML
- getElementsByName() 获取name
- getElementsByTagName() 获取元素
- getAttribute() 获取元素属性
- setAttribute()设置元素属性
- childNodes()访问子节点
- parentNode()访问父节点
- createElement()创建元素节点
- createTextNode()创建文本节点
- insertBefore()插入及诶到哪
- removeChild()删除节点
- offsetHeight()网页尺寸
BOM浏览器对象
window对象
window.innerHeight 浏览器窗口的内部高度
window.innerWidth 浏览器窗口的内部宽度
window.open() 打开新窗口
1,传入打开文件路径
2,窗口名称
3,高度宽度等……
window.close() 关闭新窗口
计时器对象
setInterval() 间隔指定毫秒数不停执行
clearInterval() 用于停止setinterval执行的代码
setTimeout() 暂停指定毫秒数后执行指定代码
clearTimeout() 用于停止执行setTimeout执行的代码
History对象
window.history 对象包含浏览器的历史记录(URL)的集合
- 方法
history.back() 与在浏览器点击后退按钮一样
history.forward() 与在浏览器中间点击按钮向前相同
history.go() 进入历史中的某个界面(-1,上次访问页面)
location对象
window.location用于获取当前页面地址(URL)
location.hostname 返回web主机域名
location.pathname 返回当前页面的路径和文件名
location.protocol 返回所使用的web协议
location.port 返回web主机的端口
location.href 返回当前页面的url
location.assign() 加载新的文档
screen对象
windo.screen 对象包含用户屏幕信息
screen.availHeight 可用高度
screen.availWidth 可用宽度
screen.Height 屏幕高度
screen.Width 屏幕宽度
Navigator对象
appCodeName 返回浏览器代码名称
appName 返回浏览器名称
appVersion 返回浏览器的平台和版本信息
cookieEnable 返回指明浏览器中是否启用cookie的布尔值
platform 返回运行浏览器的操作系统平台
userAgent 返回由客户机发送服务器的user-agent头部值
弹出窗口对象
window.open(URL,windowName,参数)
- top 距离屏幕顶部像素
- left 距离屏幕左边像素
- width 窗口宽度
- height 窗口高度
- menubar 有没有窗口菜单,yes或no
- toolbar 工具条
- location 地址栏
- directories 连接区
- scrolibars 滚动条
- status 状态栏
- resizable 是否允许调整大小
alert() 弹出提示信息
confirm() 确认对话框
prompt() 交互性对话框
cookie对象
属性:
name 唯一必须设置的属性,表示cookie名称
expires 指定cookie的存活周期,如果不设合资浏览器关闭自动失效
path 决定cookie对于服务器其它网页的可用性,一般情况下cookie对于同目录下的页面都可用,当设置path属性后,cookie只对指定路径下的网页有效
domain 设置可以共享cookie的服务器
secure 一般支持SSL的网站以HTTPS开头,secure属性可以设置cookie只能通过HTTPS或其它安全协议访问
cookie本质上是字符串
//创建
var cookieTest ="name=userName";
document.cookie= cookieTest; //存入
//用分号分割不同属性
var date = newDate();
date.setDate(date.getDate()+7); //设置cookie的存活时间为一星期
document.cookie= encodeURI("name=user")+";expires="+date.toUTCString();
//读取
var cookieString= decodeURI(document.cookie);
var cookieArray= cookieString.split(";");
for(vari=0;i< cookieArray.length;i++){
var cookieNum = cookieArray[i].split("=");
var cookieName = cookieNum[0];
var cookieValue = cookieNum[1];
}
//删除,设置过期时间为过去时间
var date = newDate();
date.setTime(date.getTime()-10000);
document.cookie= "name=User;expires="+date.toGMTString;