DOM和BOM也是js的一部分

BOM

bom指的是 Browser Object Model

window对象

js可以控制的最高级别对象就是window,这就是DOM的功能

window.innerHeight 可以设置浏览器窗口的内部高度

window.innerWidth 可以设置浏览器窗口内部宽度

window.open 打开新窗口

window.close 关闭当前窗口

window子对象

navigator

navigator 这是浏览器对象,写爬虫的时候要用这个设置自己的请求头才能进入某些特定网站.

navigator.appName

navigator.appVersion

navigator.userAgent

navigator.platform

screen

不常用,因此不太需要记

history

包括浏览器的历史,这个只要了解一下用法

history.forward去往下一个界面

history.back返回刚才的界面

location

用于获得当前界面的地址,并把浏览器重定向到新页面

location.href 获取url

location.herf='URL' 跳转到指定的界面

location.reload()重载界面

alert

这是警告框,很多垃圾页游再关闭的时候都会有弹出这个框

alert()

confirm()

prompt()

计时

setTimeout()

var t=setTimeout()

clearTimeout()

setInterval()

clearInterval()

DOM

dom指的是 Document Object Model

直接查找

document.getElementBy(Id)根据id获取标签

()里面可以自行填入查找条件

间接查找

parentElement

children

删除节点

somenode.removeChild(要删除的节点)

替换节点

replace

属性节点

获取文本节点的值:

var divEle = document.getElementById("d1")
divEle.innerText
divEle.innerHTML

atrribute操作

可以直接设置属性了

var divEle = document.getElementById("d1");
divEle.setAttribute("age","18")
divEle.getAttribute("age")
divEle.removeAttribute("age")

获取值操作

elementNode.value

适用于input select textarea

class操作

className获取所有样式类名

classlist. remove add 删和增

contain 判断是否存在

toggle切换存在状态

指定css操作

.style即可直接操作,注意-会被去掉然后用驼峰体来写

ACTION

常用事件

onclick 当用户点击某个对象时调用的事件句柄。
ondblclick 当用户双击某个对象时调用的事件句柄。

onfocus 元素获得焦点。 // 练习：输入框
onblur 元素失去焦点。应用场景：用于表单验证,用户离开某个输入框时,代表已经输入完了,我们可以对它进行验证.
onchange 域的内容被改变。应用场景：通常用于表单元素,当元素内容被改变时触发.（select联动）

onkeydown 某个键盘按键被按下。应用场景: 当用户在最后一个输入框按下回车按键时,表单提交.
onkeypress 某个键盘按键被按下并松开。
onkeyup 某个键盘按键被松开。
onload 一张页面或一幅图像完成加载。
onmousedown 鼠标按钮被按下。
onmousemove 鼠标被移动。
onmouseout 鼠标从某元素移开。
onmouseover 鼠标移到某元素之上。

onselect 在文本框中的文本被选中时发生。
onsubmit 确认按钮被点击，使用的对象是form。

和vb的绑定用法一样

绑定方法

<div id='d1'>hi</div>

window.onload

这是种孤独,哈啊,没有结果

BOM