美文网首页程序员
javascript-BOM基础

javascript-BOM基础

作者: 悠哈121 | 来源:发表于2018-07-22 20:22 被阅读0次

BOM部分主要是针对浏览器进行操作
window:所有浏览器都支持 window 对象,它表示浏览器窗口
window.location 对象在编写时可不使用 window 这个前缀,用于获得当前页面的地址 (URL),并把浏览器重定向到新的页面
@1)hash 返回url中的hash,如果url中不含散列,则返回空字符串
@2)host 返回服务器的名称
@3)hostname 返回不带端口的服务器名称
@4)pathname 返回文件目录
@5)port 返回端口
@6)protocol 返回页面使用的协议
@7)返回url的查询字符串

image.png

window.history 对象在编写时可不使用 window 这个前缀,包含浏览器的历史,用户上网的历史记录因为history是window对象的属性,因此每个浏览器的窗口,每个标签乃至框架都有自己的history
history.go(-1)后退一页 == history.back()
history.go(1)前进一页 == history.forward()
history.go(2)前进两页
history.go("wrox.com")此时浏览器会跳转到历史记录包含该字符串的第一个位置,可能后退也肯能前进,具体要看那个位置最近
window.navigator 对象在编写时可不使用 window 这个前缀,包含有关访问者浏览器的信息,


image.png

练习BOM-实现fixed定位:https://www.jianshu.com/p/7c691e5fb01d
js学习(ECMAScript,DOM,BOM):https://www.jianshu.com/p/b7136540b379

相关文章

  • javascript-BOM基础

    BOM部分主要是针对浏览器进行操作window:所有浏览器都支持 window 对象,它表示浏览器窗口window...

  • Javascript-BOM

    一、window对象 1、全局作用域 在全局作用域中定义的变量和函数都会变成window对象的属性和方法 区别: ...

  • JavaScript-BOM

    BOM 什么是BOM DOM就是一套操作HTML标签的API(接口/方法/属性) BOM就是一套操作浏览器的API...

  • JavaScript-BOM

    (BOM)浏览器对象模型 History 跳转 提示框 计时器

  • 同源&JSNOP&跨域

    同源策略 协议、域名、端口号参考JavaScript-Bom属性及其方法1 同协议:如都是http或者https ...

  • JavaScript-BOM对象(Browser Object

    一.BOM对象(Browser Object Model) 二.Window对象 1.Window对象属性 2.W...

  • 机械设备安装技术

    设备基础种类及应用 垫层基础允许产生沉降:大型储罐 浅基础扩展基础联合基础:轧机独立基础 深基础桩基础:适用于需要...

  • 基础,基础,基础

    如果有人现在问我,JAVA该怎么学,我会告诉他不要急于求成,少看视频,多练,多思考。但说到这里有人可能会反...

  • 【Android】知识点汇总,坚持原创ing

    Android基础 Java基础 Java基础——Java内存模型和垃圾回收机制 语法基础 语法基础——C语法基础...

  • Java 基础

    Java 基础01Java开发入门 Java 基础02Java编程基础 Java 基础03面向对象 Java 基础...

网友评论

    本文标题:javascript-BOM基础

    本文链接:https://www.haomeiwen.com/subject/rykrmftx.html