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 屏幕宽度

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;
原文地址:https://www.cnblogs.com/hwx1999/p/12606626.html