window.location 和 document.location
location 的属性
hash , host , hostname , href , pathname , port , protocol , search
1 查询操作
重点介绍一下search
location.search 返回的是从问号到URL 末尾的所有内容
2 位置操作
随便修改location 上面的属性(hash 除外),页面都会以新的URL重新加载。
以这些方式修改URL 之后,会生成一条历史记录,点击后退回到前一个页面
可以通过 location.replace()的这种方式禁用
var url = "http://www.baidu.com"; location.replace(url);
重新加载页面 reload ;
//重新加载页面(从浏览器缓存中加载) location.reload(); //从服务器端重新加载 location.reload(true);
不过location.reload() 要放在最后一行,因为有可能网速较快的时候,直接加载页面,后面的script不会执行
相关推荐
JavaScript Browser Object Model (BOM) 是前端开发中的一个重要概念,它允许我们与浏览器进行交互,管理窗口、位置、历史记录、存储以及定时器等。在"Js-Bom-refrence"这个资源中,我们可以期待找到关于JavaScript ...
千锋Web前端教程_52_bom_location属性
千锋Web前端教程_53_bom_location方法
它允许我们操作浏览器窗口、页面、用户历史记录等多个方面,而BOM中的其他对象则包含了location、navigator和history等关键组件。 1. **Location对象**: - **URL组成**:URL由protocol(网络协议),host(服务器...
- BOM由一系列与浏览器窗口交互的对象构成,如`window`、`screen`、`location`等。 3. **BOM的发展历史**: - BOM最初是由Netscape开发的标准的一部分,后来被广泛采用。 - JavaScript语法的标准化组织是ECMA,...
**JavaScript BOM(浏览器对象模型)知识点汇总** 在JavaScript中,BOM(Browser Object Model)是浏览器提供的一系列接口,允许我们与浏览器环境进行交互,包括处理窗口、导航、历史记录、cookies、时间、弹出框等...
本文详细介绍了BOM中的`Screen`对象、`Location`对象和`History`对象。通过这些对象,开发者能够更好地与用户的浏览器进行交互,从而提升用户体验。理解并掌握这些对象的使用方法对于前端开发尤为重要。希望本文能够...
本篇主要关注J2EE环境下的JavaScript应用,特别是Bom(Browser Object Model)中的核心对象,包括document、location和history。这些对象在网页动态交互和页面导航中扮演着重要角色。 1. **Document对象**: - ...
在Web开发中,BOM(Browser Object Model)是Web API的重要组成部分,它提供了对浏览器环境的访问,允许开发者操控页面的各个部分。下面将详细讨论BOM中的关键概念和常用方法。 ### 1. `setTimeout` 和 `...
- `window`对象是BOM的核心,代表浏览器的窗口,包含许多属性和方法,如`window.location`、`window.history`、`window.screen`和`window.navigator`。 - `history`对象:管理浏览器的历史记录,例如`history....
在Web前端开发中,BOM(Browser Object Model)和DOM(Document Object Model)是两个非常重要的概念。DOM主要处理HTML或XML文档结构,允许开发者通过JavaScript来操纵文档内容、结构和样式。而BOM则是专注于浏览器...
**JavaScript BOM(浏览器对象模型)教程** JavaScript BOM(Browser Object Model)是JavaScript与浏览器交互的重要部分,它允许开发者操作浏览器窗口、页面元素以及与用户交互的各种功能。在JavaScript教学中,...
BOM(Browser Object Model)即浏览器对象模型,是JS与浏览器进行交互的接口。本章将深入探讨JS-Web-API-BOM的相关知识点,尽管内容看似不多,但却是每个前端开发者必须掌握的基础。 一、什么是BOM BOM全称为...
BOM操作详解 浏览器对象模型(BOM),是JavaScript语言中的一种对象模型,它提供了浏览器对象的信息和操作方法。通过BOM,可以获取当前浏览器对象上的一系列内容,并实现各种功能。 BOM的功能 1. 打开和关闭网页 ...
### BOM和DOM模型 #### 一、BOM与DOM概览 在Web开发中,BOM(Browser Object Model)和DOM(Document Object Model)是非常重要的两个概念,它们构成了前端JavaScript操作网页的基础。 ##### BOM:浏览器对象模型...
又或者,根据用户在`prompt()`中的输入改变页面的`location.href`,这涉及到了BOM的`location`属性和DOM的元素操作。 总结来说,BOM和DOM是JavaScript在Web开发中不可或缺的工具。BOM让我们能够操控浏览器的行为,...
#### 四、位置对象 (Location) - `hash`:获取或设置 URL 中的锚点。 - `host`:获取 URL 中的主机和端口。 - `hostname`:获取 URL 中的主机名。 - `href`:获取或设置完整 URL。 - `pathname`:获取或设置 URL 中...
BOM的核心对象是`window`,它代表浏览器的一个实例,包含了所有其他BOM对象,如`document`、`navigator`、`screen`、`history`、`location`等。 1. `window`对象:全局对象,所有的JavaScript变量和函数都是其属性...
JavaScript浏览器对象模型(BOM,Browser Object Model)是JavaScript在Web开发中用于操作浏览器特性的核心部分。它不依赖于HTML文档对象模型(DOM),而是提供了与浏览器交互的一系列对象,如Window、Navigator、...