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