关于js中"window.location.href"、"location.href"

最新推荐文章于 2024-05-11 17:52:52 发布
最新推荐文章于 2024-05-11 17:52:52 发布
阅读量201 收藏
点赞数
分类专栏： 网上看到的 javascript 文章标签： javascript ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/yonghudengluzhonging/article/details/84185072
版权

关于js中"window.location.href"、"location.href"、"parent.location.href"、"top.location.href"的用法

"window.location.href"、"location.href"是本页面跳转

"parent.location.href"是上一层页面跳转

"top.location.href"是最外层的页面跳转

举例说明：

如果A,B,C,D都是jsp，D是C的iframe，C是B的iframe，B是A的iframe，如果D中js这样写

"window.location.href"、"location.href"：D页面跳转

"parent.location.href"：C页面跳转

"top.location.href"：A页面跳转

如果D页面中有form的话,

<form>: form提交后D页面跳转

<form target="_blank">: form提交后弹出新页面

<form target="_parent">: form提交后C页面跳转

关于js中[removed].href,location.href,parent.location.href,top.location.href的用法与区别
12-09
如果D中js这样写 “[removed].href”、”location.href”：D页面跳转 “parent.location.href”：C页面跳转 “top.location.href”：A页面跳转 如果D页面中有form的话, <form>: form提交后D
js获取location.href的参数实例代码
10-27
总的来说，JavaScript中的`location.href` 和 `window.location.search` 属性提供了方便的方式来访问和解析URL参数。理解这些概念以及如何使用它们，对于开发Web应用时处理URL数据至关重要。通过上面的实例代码，你...
JavaScript：Window 打开新窗口的几种方式 window.location.href、window.open、window.showModalDialog
浪潮行舟_chenjin2136
04-26 3889
先将JavaScript中Window 打开新窗口的几种方式（window.location.href、window.open、window.showModalDialog）进行知识小结备份；要想对话框传递参数，是通过vArguments来进行传递的。类型不限制，对于字符串类型，最大为4096个字符。可以通过window.returnValue向打开对话框的窗口返回信息，当然也可以是对象。另外几个属性用在HTA中的，在一般的网页中一般不使用。
javascript中window.open()与window.location.href的区别
热门推荐
lingling_jy的专栏
11-16 20万+
window.open("index.aspx",'top'); 只是表示打开这个页面，并不是打开并刷新index.aspx window.location.href="index.aspx"; 表示重新定向到新页面，同时刷新打开的这个页面； eg： 进行中项目<img alt="" src="Images/2emorewe.gif" style="text-align:right;curs
关于js中"window.location.href"、"location.href
众里寻她千百度的专栏
11-10 512
关于js中"window.location.href"、"location.href"、"parent.location.href"、"top.location.href"的用法 "window.location.href"、"location.href"是本页面跳转 "parent.location.href"是上一层页面跳转 "top.location.href"是最外层的页面跳转 举
JS中的window.location.href解释
风兮逝的博客
03-14 8945
window.location.href   是一个跳转，它可以在动态，静态页面中 都可以实现 跳转。 javascript中的location.href有很多种用法，主要如下。 self.location.href="/url" 当前页面打开URL页面 location.href="/url" 当前页面打开URL页面 windows.location.href="/url" 当前页面
javascript 打开页面window.location和window.open的区别.docx
01-13
在JavaScript中，`window.location` 和 `window.open` 都是用来控制浏览器导航的重要API，但它们在使用场景、功能特性和行为上有显著的不同。了解这些差异对于合理地利用这两种方法至关重要。 #### 二、window....
关于js中"window.location.href"、"location.href" 等如何跳转
weixin_34417814的博客
11-14 423
关于js中"window.location.href"、"location.href"、"parent.location.href"、"top.location.href"的用法 "window.location.href"、"location.href"是本页面跳转 "parent.location.href"是上一层页面跳转 "top.locatio...
使用了框架iframe的页面如何跳出框架
cktmyh的专栏
07-20 1万+
一句话，javascript中使用window.top.location="url"即可。 小知识： "window.location.href"、"location.href"是本页面跳转. "parent.location.href" 是上一层页面跳转. "top.location.href" 是最外层的页面跳转. 举例说明：     如果A,B,C,D都是html，D是C的ifr
location.href和 window.location的区别有这些！
思索的涟漪，突破自我
04-13 1740
则提供了更丰富的 URL 相关功能，包括获取、设置和操作页面 URL 的各个部分。主要用于页面跳转，而。
window.location.href 与 window.location.href 的区别
weixin_30879169的博客
08-07 360
转载于:https://www.cnblogs.com/taopanfeng/p/11313638.html
关于js中"window.location.href"、"location.href"重定向
natian306的专栏
03-19 5万+
关于js中"window.location.href"、"location.href"、"parent.location.href"、"top.location.href"的用法 "window.location.href"、"location.href"是本页面跳转 "parent.location.href"是上一层页面跳转 "top.location.href"是最外层的页
window.location.href的介绍及使用
qq_71214810的博客
05-11 1万+
是 JavaScript 中一个非常常用的属性，它用于获取或设置当前窗口或标签页的 URL。这个属性返回的是完整的 URL。在URL的末尾使用符号后跟一个标识符来指定的。这个片段标识符通常用于标识文档（如HTML页面）内的某个位置，如特定的段落标题或锚点（anchor）。通俗的讲就是一个在当前页面的跳转到一个具体的位置，就如上面的目录点击跳转到n级标题，其实就是一个更加简便的操作当用户点击或浏览器导航到带有片段标识符的URL时，浏览器会自动滚动到该标识符所指向的文档位置。
IE js中使用window.location时会忽略base href值
goodhappy8的专栏
03-04 341
来源: http://blog.csdn.net/kjb000/article/details/7913867   IE的js 中使用Window.location时会忽略base href值  这样写可以解决: window.location = document.getElementsByTagName("base")[0].getAttribute("href")+ "loc";...
location.href页面不跳转解决方案,附加加两个小案例
冰糖棉花的博客
04-14 7161
关于window.location.href 不跳转做了一些小总结首先说跳转的条件，在&lt;a&gt;标签中首先要要求  a 标签如下：&lt;a onclick="函数名（）" href="javascript:void(0)"&gt;&lt;/a&gt;而 a 标签的 href 属性一定不能写错，而经过我的实验  href 的属性值 取 “#” 或者设置成 “javascript:void(...
【JavaScript】获取当前页的URL与window.location.href
编程记录，亲测有效
05-13 3万+
利用Javascript获取当前页的URL，这个问题起来好像很复杂，如果第一次去想这个问题，很多人估计又在琢磨到底又是哪个神一般的Javascript函数。 其实不是，Javascript获取当前页的URL的函数就是我们经常用来重定向的window.location.href。 比如如下函数： var url=window.location.href; var loc = url.subs
window.location.Reload()和window.location.href 区别
编码改变世界
12-03 9万+
首先介绍两个方法的语法： reload 方法，该方法强迫浏览器刷新当前页面。 语法：location.reload([bForceGet])参数： bForceGet， 可选参数， 默认为 false，从客户端缓存里取当前页。 true, 则以GET 方式，从服务端取最新的页面, 相当于客户端点击 F5("刷新") replace 方法，该方法通过指定URL替换当前缓存在历史里（客户端
window.location.href 和window.location
最新发布
04-30
### 关于 `window.location.href` 和 `window.location` 的区别及其获取 URL 参数的方法 #### 1. **`window.location.href` 和 `window.location` 的基本概念** `window.location.href` 是 `window.location` 对象的一个属性，表示当前页面的完整 URL 地址。而 `window.location` 是一个完整的对象，包含了更多有关当前页面的信息，例如主机名 (`hostname`)、端口号 (`port`)、路径 (`pathname`) 等[^4]。 - `window.location.href`: 表示整个 URL 字符串。 - `window.location`: 提供了一个接口来访问和设置与当前页面相关的各种信息。 两者的主要区别在于： - `window.location.href` 是字符串类型，仅提供 URL 的完整表示。 - `window.location` 是一个对象，提供了更多的方法和属性来操作 URL[^3]。 --- #### 2. **如何使用 `window.location` 获取 URL 参数** ##### 方法一：通过正则表达式解析查询参数 可以编写一个通用函数，利用正则表达式从 `window.location.search` 中提取指定名称的参数值。 ```javascript function getUrlParameter(name) { const regex = new RegExp(`[?&]${encodeURIComponent(name)}=([^&#]*)`); const results = regex.exec(window.location.search); return results === null ? null : decodeURIComponent(results[1]); } // 示例调用 const paramValue = getUrlParameter('key'); // 替换 'key' 为你想获取的参数名 console.log(paramValue); ``` 这种方法适用于简单的键值对形式的查询字符串，并能够正确处理编码字符[^1]。 --- ##### 方法二：分割查询字符串并手动查找目标字段 如果不希望通过正则表达式实现，还可以通过对 `window.location.search` 的子串操作完成同样的功能。 ```javascript function getQueryValue(key) { const queryStr = window.location.search.substring(1); // 去掉开头的 '?' const pairs = queryStr.split('&'); for (let i = 0; i < pairs.length; i++) { const pair = pairs[i].split('='); if (decodeURIComponent(pair[0]) === key) { // 比较解码后的键名 return decodeURIComponent(pair[1]); // 返回对应的值 } } return null; // 如果未找到，则返回 null } // 示例调用 const value = getQueryValue('paramName'); // 替换 'paramName' 为实际参数名 console.log(value); ``` 这种方式适合于逐项对比需求较为简单的场景[^2]。 --- ##### 方法三：使用现代浏览器支持的 `URLSearchParams` API 在较新的环境中（如主流桌面端/移动端浏览器），推荐使用内置的 `URLSearchParams` 接口简化操作流程。 ```javascript function getUrlParam(paramName) { const params = new URLSearchParams(window.location.search); // 创建 URLSearchParams 对象 return params.get(paramName); // 调用 .get() 方法传入要找寻的名字即可得到对应的结果 } // 示例调用 const result = getUrlParam('searchKey'); // 替换 'searchKey' 为目标参数名 console.log(result); ``` 该方案不仅语义清晰，而且性能优越，在兼容性允许的情况下优先选用它来进行开发工作[^4]。 --- #### 3. **总结** `window.location.href` 和 `window.location` 各自扮演着不同的角色： - `window.location.href` 更加专注于 URL 的整体表现形式； - `window.location` 则是一个更为强大的工具集，允许开发者深入挖掘 URL 的各个组成部分。 至于获取 URL 参数的具体实现方式，可以根据项目的实际情况和个人偏好选择合适的技术路线——无论是传统的正则匹配还是现代化的 `URLSearchParams` API，都能满足日常开发中的绝大多数需求。 --- ###
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值