document.location.href和document.location.replace都可以实现从A页面切换到B页面,但他们的区别是:
用document.location.href切换后,可以退回到原页面。
而用document.location.replace切换后,不可以通过“后退”退回到原页面。
关于document.location.href或其他可回退的切换方式,我还发现一个细节,
用个例子来说明:
假设有A.htm B.htm C.htm三个页面
A.htm里有这样一句:document.location.href="b.htm";
b.htm里有这样一句:document.location.href="c.htm";
注意两个都是可回退的切换。
1:当从A切换到B再切换到C时,实际内存中保留了三个页面:A、B、C
2:回退到B时,C页面被清出内存!
3:再次回退,到A页面时,B页面也被清出内存!
4:再次向前(不是用切换而是用向前)转到B页面时,
分享到:
相关推荐
- `document.location.reload()`, `document.location.reload(URL)`, `document.location.assign(URL)`, `document.location.replace(URL)`: 分别用于刷新页面、加载新页面和替换当前页面。 5. **selection对象** ...
需要注意的是,在这个例子中,如果想要实现iframe内页面的刷新,则应该使用parent.document.location.reload()方法,因为window.location.href = parent.location.href将使得iframe加载新的页面,而不是刷新。...
4. `document.location.href`: 获取完整的URL。 5. `document.location.pathname`: 获取URL中的路径部分。 6. `document.location.port`: 获取URL中的端口号。 7. `document.location.protocol`: 获取URL的协议,如...
在网页开发中,导航是用户体验的关键部分,而`document.location.href`和`document.location.replace`则是JavaScript中控制页面导航的两个重要方法。虽然它们都能实现页面间的跳转,但它们在处理历史记录方面有着...
- **document.location.href**: 返回完整的URL。 - **document.location.pathname**: 返回URL中的路径部分。 - **document.location.port**: 返回端口号。 - **document.location.protocol**: 返回URL协议。 - **...
- `document.location.href`: 获取或设置完整的URL。 - `document.location.pathname`: 获取URL的路径部分。 - `document.location.port`: 获取或设置端口号。 - `document.location.protocol`: 获取或设置URL的...
- `document.location.href`:获取完整的URL。 - `document.location.pathname`:获取URL中的路径部分。 - `document.location.port`:获取端口号。 - `document.location.protocol`:获取协议头。 - `document...
- **document.location.href**:返回完整的URL地址。 - **document.location.pathname**:返回URL中的路径部分。 - **document.location.port**:返回URL中的端口号。 - **document.location.protocol**:返回URL中...
- **`document.location.href`**:获取或设置完整的URL。 - **`document.location.pathname`**:获取或设置URL中的路径部分。 - **`document.location.port`**:获取或设置URL中的端口部分。 - **`document.location...
- **document.location.replace(URL)**: 替换当前文档为指定URL的文档。 - **document.selection**: 操作文档的选择范围。 #### 图像和表单处理 - **document.images**: 访问页面上的所有图像元素。 - **document....
location.replace(window.location.href); // 刷新当前页面 location.replace("http://www.example.com"); // 跳转到新的URL ``` ##### 11. 使用`history.go(0)` - **语法**: `history.go(0);` - **功能**: ...
window.opener.location.href = window.opener.location.href; window.opener.location.reload(); ``` ### 6. 与`location.replace()`的区别 `location.replace()`函数会替换当前的历史记录条目,而`reload()`则会...
与`window.location.href`类似,但不同之处在于`replace`不会在浏览器的历史记录中留下跳转记录,这意味着用户点击后退按钮时不会回到之前的页面。 ```javascript window.location.replace("http://www.example.com"...
### JavaScript Document对象...document.location.href = "http://www.example.com"; ``` 以上内容涵盖了`Document`对象的大部分核心功能,掌握了这些方法和属性,开发者便能更灵活地操作网页内容,提升用户体验。
总结来说,JavaScript提供了多种方式来刷新页面,包括`location.reload()`、`window.location.href`、`history.go(0)`、过时的`document.execCommand('refresh')`以及利用`meta`标签。开发者应根据具体需求选择合适...
7. 使用document对象:document.URL=location.href可以刷新当前页面。 示例代码:<script language="javascript">location.reload(); 三、自动刷新页面 1. 使用meta标签:可以每隔20秒刷新一次页面。 2. 使用...
8. `document.URL=location.href`:该方法可以刷新当前页面,重新加载页面的所有内容。 自动刷新页面 除了手动刷新页面外,Javascript 还可以实现自动刷新页面,以下是一些常用的方法: 1. `...
7. `document.URL=location.href`:与`location=location`类似,这种方法也用于刷新页面。 ```javascript document.URL = location.href; ``` 自动刷新页面的方法通常涉及HTML的`<meta>`标签或JavaScript定时器。...