JavaScriptDOM

8.5 导航

Document是根节点

parentNode:获取父节点

childNodes:获取所有子节点

firstChild:第一个子节点

lastChild:获取最后一个子节点

9 BOM

概念browser object model

9.1 常用对象

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)

9.2 弹窗

Alert():警告提示框,也是window下的方法(window.alert()),window可以省略不写

Prompt(“请输入内容”,“默认值”)信息提示输入框,也是window下的方法,window也可以省略不写,当我们点击确定时,才会把值返回,否则为空

Confirm(“提示的信息”)确认框,也是window下的方法,window也可以省略不写

当点击确定的时候,返回true,如果点取消,返回false

9.3 cookie

Cookie的作用:在本地浏览器储存数据,经常用于记住账号等等

Cookie组成:

键值对的形式

Username=asdasd pwd=123456
phone=13512633908

有效期:expires=今天以后的时间

存储cookie

按照cookie的形式写好一个字符串,然后把它赋值给document.cookie,浏览器就会缓存这个cookie,可以存储多个键值对,但是键的名字不能重复

©️2020 CSDN 皮肤主题: 游动-白 设计师:上身试试 返回首页