目录
2. Location对象 /ləʊˈkeɪʃn/ (URL地址)
3. History对象 /ˈhɪst(ə)ri/ (浏览历史)
3.2 history.forward()和history.back()方法
1. window对象
Window对象是BOM中所有对象的核心。
1.1 打开和关闭窗口
Window对象提供window.open()方法和window.close()方法分别用于打开窗口和关闭窗口。
语法:
window.open(URL,窗口名字,特征,是否替换)
语法:
window.close()
1.2 改变窗口位置和大小
方法 | 描述 |
MoveTo(x,y) | 将窗口移动到指定的位置。 参数x和y分别为浏览器左上角的坐标,单位为像素 |
MoverBy(offsetH,offsetV) | 将窗口移动到指定的偏移量。 |
ResizeTo(width,height) | 改变窗口到指定的大小。 |
ResizeBy(offsetWidth,offsetHeight) | 将窗口大小改变到指定缩放量。 |
1.3 定时设计
window对象提供一些定时器的方法,定时器可以在特定的时间执行指定的函数或表达式。
window对象的setTimeOut()方法可以设置定时器,用于在指定的毫秒数后执行代码。
语法:
setTimeOut(表达式,时间);
第一个参数可以是一个包含JavaScript代码的字符串,也可以是一个函数,其值为要执行的代码。
第二个参数代表在执行代码前所需要等待的时间,单位为毫秒数。
调用setTimeOut()方法之后会返回表示该定时器的数值ID,可以通过它来取消setTimeOut定时器
语法:
clearTimeOut(timerID);
参数tiomerID位调用setTimeOut()方法之后返回的该定时器的数值ID。
2. Location对象 /ləʊˈkeɪʃn/ (URL地址)
Location对象用于获得当前页面的地址(URL),并把浏览器重定向到新的页面。
Location对象的用处不只表现在它保存着当前文档的信息,还表现在它将URL解析为独立的片段,让开发人员可以通过不同的属性访问这这些片段。
Location对象的所有属性(省略了每个属性前面的location前缀) | ||
属性名 | 举例 | 描述 |
hash | ||
host | ||
hostname | ||
href | 设置或返回完整的URL | |
pathname | ||
port | ||
portocol | ||
search | ||
reload | 重新加载(刷新) |
页面跳转:改变href的地址
href不赋值获取当前路径,赋值改变当前路径
实例
console.log(location.port);
使用Location对象导航栏
刷新页面
3. History对象 /ˈhɪst(ə)ri/ (浏览历史)
3.1 history.go()方法
history.go()方法可以在用户的历史记录中任意跳转,可以向前也可以向前。
history.go()方法接受一个参数,表示向后或向前的页面的一个整数值。
负数表示向后跳转(相当于单击浏览器的“后退”按钮)
正数表示向前跳转(相当于单击浏览器的“前进”按钮)
3.2 history.forward()和history.back()方法
history.forward()和history.back()方法相当于单击浏览器的“前进”和“后退”按钮,可以得到历史记录列表里的下一个或前一个页面。