`

JavaScript BOM学习笔记7——location对象

 
阅读更多

location对象既是window对象的属性,又是document对象的属性。它表示当前载入窗口的URL,此外,它还可以解析URL:

解析项目 解释 举例
hash 若URL包含#,该方法将返回#之后的内容 http://www.a.com/index#selection1的hash就是#selection1
host 服务器名 www.wrox.com
hostname 通常等于host,有时省略www
href 当前载入页面的url
pathname URL中主机后面的部分 http://a.com/pics/index.html的pathname是/pics/index.html
port 请求端口

默认情况下,大多数都没有端口信息,因此一般该属性为空白。

http://www.a.com:8080的port为8080

protocol 协议 http、ftp等
search 执行GET请求的?之后的部分,也就是查询字符串 ?username=aaa

 

location.href可以用来获取或者设置窗口的URL,与document.URL类似。此外还可以使用location.assign()方法。

如果不想让包含脚本的页面能从浏览器历史中被访问,那么可以使用location.replace()方法。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd"
    >
<html lang="en">
<head>
    <title><!-- Insert your title here --></title>
</head>
<body>
    <script type="text/javascript">
        setTimeout(function(){
            location.replace("http://www.wrox.com");
        },1000);
    </script>
</body>
</html>

 上面这段代码,当页面转到www.wrox.com之后,你再点击后退按钮是无效的。也就是说浏览器历史中已经没有转向前的那个页面了。这一点需要注意。

  location对象还有一个reload()。这个方法接受一个布尔值。false则表示从缓存中重新加载,true则表示从服务器重新加载。默认为false。

 location还有一个toString()方法,该方法返回location的href属性

  最后再说一次,window.location 和 document.location是等价的,可以互相使用

 

 

参考书:
《JavaScript高级编程》Nicolas C. Zakas著, 曹力 张欣 等译。

分享到:
评论

相关推荐

    JavaScript-学习笔记.pdf

    以上是JavaScript学习笔记中提到的一些核心知识点,通过对这些知识点的理解和熟练应用,可以为进一步学习和掌握JavaScript打下坚实的基础。在实际开发过程中,结合具体的项目需求,这些知识会得到更深入的拓展和应用...

    JavaScript达内学习笔记

    ### JavaScript达内学习笔记知识点详解 #### 一、JavaScript简介 1. **JavaScript**是由网景公司在1995年开发的一种脚本语言。它是一种轻量级的编程语言,无需编译,直接由浏览器解释执行。JavaScript的主要作用...

    JavaWeb02-JavaScript学习笔记

    JavaScript基础知识点 JavaScript是一种脚本语言...本笔记涵盖了JavaScript的基础知识点,包括变量、数据类型、流程控制语句、函数、数组、对象、JSON、BOM和Location等概念,为学习JavaScript提供了一个良好的基础。

    javascript学习笔记1

    ### JavaScript 学习笔记1:数组、DOM与BOM简要总结 #### 数组方法概述 在JavaScript中,数组是一种非常重要的数据结构,用于存储多个值。数组对象提供了多种方法来帮助我们操作数组中的元素。 - **pop()**:从...

    javascript从入门到跑路—–小文的js学习笔记(8)—–bom的对象及其用法—window 、History、location、navigator 、screen

    javascript从入门到跑路—–小文的js学习笔记(1)———script、alert、document。write() 和 console.log 标签 … … javascript从入门到跑路—–小文的js学习笔记目录 ** 一、BOM(Browers,Object,model)...

    我的JavaScript学习笔记

    这篇学习笔记将带你深入了解JavaScript的基础和一些进阶应用。 首先,我们从"Js基本语法"开始。JavaScript是一种弱类型、解释型的脚本语言,它支持变量声明(var、let、const)、数据类型(包括基本类型:字符串、...

    javaScript达内培训笔记

    ### JavaScript基础概述与核心知识点详解 ...以上内容涵盖了JavaScript的基础语法、数据类型、字符串处理、数组操作、函数、正则表达式、数学计算以及面向对象编程的概念,是学习和掌握JavaScript的重要知识点。

    狂神说系列 JavaScript笔记

    - BOM(浏览器对象模型):理解window对象、location、navigator等,可以进行浏览器相关的交互。 - Node.js:JavaScript在服务器端的应用,利用其非阻塞I/O和事件驱动模型构建高性能服务。 以上只是【狂神说系列 ...

    JavaScript学习笔记

    ### JavaScript学习笔记 #### JavaScript简介 JavaScript是一种广泛使用的脚本语言,主要应用于Web前端开发,用来为网页添加交互性。JavaScript不仅可以操作HTML和CSS,还能处理数据、响应用户输入,并与服务器通信...

    JavaScript从入门到精通学习笔记

    ### JavaScript从入门到精通学习笔记 #### 一、JavaScript简介 **1.1 JavaScript是什么** JavaScript 是一种轻量级的编程语言,主要被用于客户端(浏览器端)的脚本语言,能够实现动态网页效果,增强用户体验。...

    javaScript的笔记

    这篇笔记主要涵盖了JavaScript中的两个重要概念:BOM(Browser Object Model)和DOM(Document Object Model)。 BOM,浏览器对象模型,允许JavaScript与浏览器进行交互。它将浏览器视为一个整体的对象,其中包含多...

    3.js.BOM.rar

    7. **Event对象**和事件处理:BOM中的事件处理机制是JavaScript交互性的基础,包括事件监听(addEventListener())、事件触发(dispatchEvent())以及事件冒泡和事件捕获的概念。 此外,BOM还包括了定时器功能,如...

    [邵山欢]javascript公开课资料及笔记

    JavaScript语法基础是学习的起点,包括变量声明(var、let、const)、数据类型(字符串、数字、布尔值、null、undefined、对象、数组等)、运算符(算术、比较、逻辑、赋值等)以及控制流语句(条件判断、循环结构、...

    day03_JavaScript预习笔记1

    总的来说,这个学习笔记涵盖了JavaScript的基础知识、Ajax编程、jQuery框架以及相关插件的使用,为深入理解和实践JavaScript提供了坚实的基础。无论是前端开发还是全栈开发,掌握这些技能都是非常重要的。

    JavaScript 学习笔记(十一)

    ### JavaScript 学习笔记(十一):深入理解 Document 对象 #### 一、Document 对象概述 在继续探讨 `document` 对象之前,我们先简要回顾一下 `document` 在 Web 开发中的重要性。`document` 对象代表当前加载在...

    JS学习笔记,相比上一个修复了轮播图下方小圆圈问题

    本学习笔记针对JS的基础知识、浏览器对象模型(BOM)以及文档对象模型(DOM)的操作进行了深入探讨,尤其针对之前轮播图下方小圆圈问题进行了修复。 一、JS基础知识 JavaScript语法基础包括变量、数据类型、运算符...

    accp6.0 使用Javascript增强交互效果 笔记

    - **浏览器对象模型 (BOM)**:提供了一系列浏览器窗口相关的API,使得JavaScript能够与浏览器进行交互。 - **文档对象模型 (DOM)**:DOM定义了访问和操作HTML文档的标准,使得开发者可以通过JavaScript来动态修改...

    跟李彦恢学javascript 电子书和课堂笔记1-15章.rar

    5. **BOM(浏览器对象模型)**:理解window对象,导航用户历史记录,使用location对象进行页面跳转,以及利用setTimeout和setInterval实现定时任务。 6. **AJAX**:异步JavaScript和XML,用于实现网页的无刷新更新...

    jsp学习笔记-yishanjing

    ### JSP 学习笔记概览 #### 为什么选择 JSP? 1. **动态效果**:JSP 允许在服务器端执行动态脚本,生成动态网页内容。 2. **状态管理**:能够处理客户端的状态信息,实现会话管理和用户认证等功能。 3. **重用性**...

    JS基本功DOM学习笔记

    7. **BOM(Browser Object Model)**:除了DOM,JS还提供了对浏览器窗口和导航的访问,如`window`对象、`location`对象(用于页面URL和导航)和`navigator`对象(浏览器信息)。 8. **内置对象**:JS提供了一些内置...

Global site tag (gtag.js) - Google Analytics