location.href 辨析

最新推荐文章于 2024-04-26 09:57:54 发布
最新推荐文章于 2024-04-26 09:57:54 发布
阅读量182 收藏
点赞数
文章标签： 前端 javascript html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_42611113/article/details/131515336
版权

区分

window.location.href(location.href)：当前页面的跳转

parent.location.href：上层页面的跳转 在父页面打开新页面

top.location.href：最外层页面的跳转 在顶层页面打开新页面

参考

js中top.location.href、parent.location.href用法_kakaxiD的博客-优快云博客

关于js中window.location.href,location.href,parent.location.href,top.location.href的用法_window.parent.href_荣华富贵8的博客-优快云博客

window.location与window.open()的区别_weixin_30873847的博客-优快云博客

恰恰兄
关注
php 中级代码大全（本教程需要一定基础）
m0_71549067的博客
05-31 523
//语法错误（syntax error）在语法分析阶段，源代码并未被执行，故不会有任何输出。 /* 【命名规则】 */ 常量名 类常量建议全大写，单词间用下划线分隔 // MIN_WIDTH 变量名建议用下划线方式分隔 // $var_name 函数名建议用驼峰命名法 // varName 定界符建议全大写 // <<<DING, <<<'DING' 文件名建议全小写和下划线、数...
window.location.href页面跳转的用法（区别于redirect）
10-25
window.location.href页面跳转的用法（区别于redirect）
location.href和 window.location的区别有这些！
思索的涟漪，突破自我
04-13 1732
则提供了更丰富的 URL 相关功能，包括获取、设置和操作页面 URL 的各个部分。主要用于页面跳转，而。
关于window.location.href和.location.href的区别
qiaoer123456的专栏
09-22 313
window.location.href和.location.href都是指本页面跳转
JavaScript中window.location和window.location.href的区别？
weixin_30587025的博客
06-28 2038
window.location是页面的位置对象，window.location.href是 location的一个属性值，并且它是location的默认属性就是说对window.location直接赋值一个url实际上就是对window.location.href赋值。location对象除了有href属性外还有很多其他属性和方法，而href就是一个字符串只不过修改location的href会触发...
window.location.Reload()和window.location.href 区别
weixin_34306593的博客
11-14 1219
https://www.cnblogs.com/linsx/p/6802382.html   window.location.Reload()应该是刷新.【相当于 按页面刷新按钮】(如果有数据提交的话，会提示是否提交的(是和否选项)) window.location.href=window.location.href; 是定向url提交数据 他们最大区别是 是否有数据提交： 前者提交数据的刷新...
JavaEE知识体系
yuh2012的博客
07-11 2万+
1 1.文件上传下载 1.1 文件上传 1.1.1 文件上传的作用 例如网络硬盘！就是用来上传下载文件的。 在智联招聘上填写一个完整的简历还需要上传照片呢。 1.1.2 文件上传对页面的要求 1.必须使用表单，而不能是超链接； 2.表单的method必须是POST，而不能是GET； 3.表单的enctype必须是multipart/form-data； 4.在表单中添加file表
关于js中 location和location.href的区别
qq_44185887的博客
02-21 992
window.location是页面的内置对象，window.location.href是 location的一个属性值 并且它是location的默认属性就是说对window.location直接赋值一个url实际上就是对window.location.href赋值。（二者是一样的） location对象除了有href属性外还有很多其他属性和方法，而href就是一个字符串只不过修改location的href会触发浏览器加载 href所指向的url。因此不存在前者速度比后者快的道理！ ...
window.location.href 与 window.location.href 的区别
weixin_30879169的博客
08-07 357
转载于:https://www.cnblogs.com/taopanfeng/p/11313638.html
关于location.href几种用法的区别
weixin_34194087的博客
04-03 129
常见的几种开发形式: self.location.href; window.location.href; this.location.href; location.href; parent.location.href; top.location.href; 经常见到的大概有以上几种形式. 通过实际的例子讲解以上的几种形式有什么具体的区别: 总共是4个具体的HTML页面:...
JavaScript：Window 打开新窗口的几种方式 window.location.href、window.open、window.showModalDialog
浪潮行舟_chenjin2136
04-26 3847
先将JavaScript中Window 打开新窗口的几种方式（window.location.href、window.open、window.showModalDialog）进行知识小结备份；要想对话框传递参数，是通过vArguments来进行传递的。类型不限制，对于字符串类型，最大为4096个字符。可以通过window.returnValue向打开对话框的窗口返回信息，当然也可以是对象。另外几个属性用在HTA中的，在一般的网页中一般不使用。
window.location.href的用法
weixin_42228042的博客
02-27 1万+
window.location.href的用法
HTML里的data-href，data-uri属性的用法
BobChill的博客
11-22 6972
data-* 属性用于存储页面或应用程序的私有自定义数据。 data-* 属性赋予我们在所有 HTML 元素上嵌入自定义 data 属性的能力。 存储的（自定义）数据能够被页面的 JavaScript 中利用，以创建更好的用户体验 （不进行 Ajax 调用或服务器端数据库查询）。 data-* 属性包括两部分： 属性名不应该包含任何大写字母，并且在前缀 "data-" 之后必须有至少一个字符 属性值可以是任意字符串 简单来说就是存储一些简单信息，然后可以通过js拿到这些信息， 像你说的data..
window.location.href、document.location.href、window.open的区别
雷欧奥特曼的博客
12-09 8267
一、比较常用的JS跳转页面和打开新窗口的方法 1、替换当前页 （重新定位当前页） window.location.href = "https://www.xxx.com"; // 跳转到新的域名 window.location.href = `/dashboard#/setting?type=1&userId=123`; // 在当前域名下跳转到新的子页面 window.location.href = "https://www.xxx.com"; // 跳转到新的域名 window.locatio
JavaScript中window.open（）和Window Location href的区别
热门推荐
苍煜
03-06 8万+
目录 1：window.location.href的用法： 2:window.open()的用法 3：window.open和window.location.href的区别 1：区别 2.window.open不一定是打开一个新窗口!!!!!!!! 3：关于重新定位 4.：在框架内指定页面打开连接 5：是否打开其他网站地址 6：window.open()经过设置后的弹...
document.location.href 和window.location.href的区别
前端小菜鸟的专栏
06-06 2457
document.location was originally a read-only property, although Gecko browsers allow you to assign to it as well. For cross-browser safety, use window.locationinstead. 本人外语不行，自己看看大致意思能理解，就不翻译了，自己意会
关于js中window.location.href,location.href,parent.location.href,top.location.href的用法
weixin_33862041的博客
06-06 166
"window.location.href"、"location.href"是本页面跳转. "parent.location.href" 是上一层页面跳转. "top.location.href" 是最外层的页面跳转. 举例说明： 如果A,B,C,D都是html，D是C的iframe，C是B的iframe，B是A的iframe，如果D中js这样写 "window.loca...
如何解决window.location.href不跳转的问题
qq_36938933的博客
09-14 3万+
案件描述通过window.location.href页面不跳转； window.location.href=false和return false的区别
JSP中window.location.href"、"location.href"、"parent.location.href"、"top.location.href"和"target属性"的用法
tian_tian2
09-22 1676
window.location.href"、"location.href"、"parent.location.href"、"top.location.href"、"target属性"
location.href和window.location.href
最新发布
02-12
`location.href` 和 `window.location.href` 实际上引用的是同一个属性，在浏览器环境中用于获取或设置当前页面的 URL。 ### 解释： - **`location.href`**: - 这是一个快捷方式，直接访问全局对象 `window` 的 `location` 属性下的 `href`。 - **`window.location.href`**: - 明确地通过全局对象 `window` 访问其 `location` 对象中的 `href` 属性。这提供了更完整的路径来指定相同的属性。 两者都可用于读取当前网页的完整URL作为字符串返回；也可以赋值给它们一个新的网址来进行跳转操作。例如将 `"https://www.example.com"` 赋值给这两个变量之一会使得浏览器导航到该地址对应的页面。 #### 示例： ```javascript // 获取当前页面的 URL console.log(location.href); // 输出如 "http://example.com/" // 或者 console.log(window.location.href); // 导航至新的页面 location.href = 'https://www.newsite.com'; ``` 通常情况下，简短形式 (`location.href`) 更常用因为简洁明了，并且默认就是指向 window 下的对象所以不需要显式写出窗口上下文。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值