导航
Document是根节点
parentNode:获取父节点
childNodes:获取所有子节点
firstChild:第一个子节点
lastChild:获取最后一个子节点
BOM
概念browser object model
常用对象
Window:窗口,浏览器的窗口
我们定义的全局变量和全局函数都是window对象的属性和方法
全局变量是window的属性。
全局函数是window的方法:
Window.innerWidth
Window.innerHeight
常用的方法:
Open:打开一个新的窗口,要传三个参数;第一个为将要打开的窗口路径
第二个:打开的方式 ; 第三个为对于新打开浏览器的描述(宽,高等等)
var myWindow=window.open("https://www.baidu.com/","_blank","width=200,height=300");
//close:关闭一个窗口
myWindow.close();
//moveTo:移动一个窗口,以窗口的左上角为坐标起点
myWindow.moveTo(200,200);
//focus:使窗口获得焦点
myWindow.focus();
//resizeto:改变窗口的大小
myWindow.resizeTo(1000,1500);
screen:屏幕 也是window下面的一个对象,在使用的时候可以用window.screen
也可以省略window
屏幕的常用属性:宽,高;可用宽与可用高(可用高不包括任务栏)
**Location:**地址
**常用属性:**href完整路径 port端口号 pathname路径名
Protocol:协议
常用方法
打开一个新的路径()窗口
LOCATION.ASSIGN(“HTTP://WWW.BAIDU.COM/”);
刷新:普通刷新和强制刷新
如果传值为TRUE,那么就是强制刷新
History:历史记录
记录当前窗口的历史,可以进行页面的转换
方法:back—回到上一页
Forward—进入下一页
Go—进入确定的那一页(-1回到上一页)
History.back()
History.forward()
History.go(-1)
弹窗
Alert():警告提示框,也是window下的方法(window.alert()),window可以省略不写
Prompt(“请输入内容”,“默认值”)信息提示输入框,也是window下的方法,window也可以省略不写,当我们点击确定时,才会把值返回,否则为空
Confirm(“提示的信息”)确认框,也是window下的方法,window也可以省略不写
当点击确定的时候,返回true,如果点取消,返回false
cookie
Cookie的作用:在本地浏览器储存数据,经常用于记住账号等等
**Cookie组成:**键值对的形式
Username=asdasd pwd=123456 phone=13512633908
有效期:expires=今天以后的时间
存储cookie
按照cookie的形式写好一个字符串,然后把它赋值给document.cookie,浏览器就会缓存这个cookie,可以存储多个键值对,但是键的名字不能重复
导航
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<<