Iframe内部调用外部的location.href跳转出现奇怪问题

最新推荐文章于 2023-05-10 19:50:30 发布
最新推荐文章于 2023-05-10 19:50:30 发布
阅读量7.9k 收藏
点赞数
分类专栏： Javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhuqinfeng/article/details/52851445
版权

跳转问题的根源

任务中遇到这样一个问题，用window.location.href跳转一到个网址，但是每次都出错，显示网址前面加上了文件所在文件夹的路径
示例如下：
window.location.href=”main.test.renren.com”;跳转到‘文件的绝对路径+main.test.renren.com’不能正常打开改地址
window.location.href=”http://main.test.renren.com”;正常跳转

所以以后跳转的时候，尽量带上 http或者https

移山小斗车
关注
专栏目录
Html跨页面调用函数,浅析location.href跨窗口调用函数
weixin_33746833的博客
06-03 938
location.href这个东西常常用于跳转，location既是window对象的属性，又是document对象的属性。JavaScript hash 属性 -- 返回URL中#符号后面的内容JavaScript host 属性 -- 返回域名JavaScript hostname 属性 -- 返回主域名JavaScript href 属性 -- 返回当前文档的完整URL或设置当前文档的URL...
asp.net在iframe中弹出信息并执行跳转问题探讨
10-27
1. 构造含有`alert`函数的脚本字符串，当弹出消息后，通过JavaScript脚本执行跳转，跳转的目标为`window.parent.frames["sysMain"].location.href`，即上层页面中名为`sysMain`的iframe元素。 2. 通过`HttpContext....
js 中 常用 frameset iframe 页面跳转 传参数值 方法示例大全
jokeHello的专栏
08-07 4060
关于js中"window.location.href"、"location.href"、"parent.location.href"、"top.location.href"的用法 "window.location.href"、"location.href"是本页面跳转 "parent.location.href"是上一层页面跳转 "top.location.href"是最外层的页
js实现网页防止被iframe框架嵌套及几种location.href的区别
10-26
首先我们了解一下几种location.href的区别简单的说：几种location.href的区别js实现网页被iframe框架功能，感兴趣的朋友可以了解下
location.href 用法浅析
06-01 491
<br />location.href 用法浅析<br /> <br /> <br />问题提出：<br />系统现在改为采用iframe框架的模式，主页面左边iframe里是菜单，右边iframe是jsp页面。点击左边的菜单栏都是在右边的iframe打开，但是先注销的时候，也是只在右边的ifrme里跳转到登陆页面，那这就不对了。<br /> <br />这时候，只要设<a href="aa.html" target="">链接</a>中 target属性就好了<br /> <br />target="_s
window location不能跳转
技术熊的博客小窝
12-08 1234
我在项目内使用的iframe，iframe中是一个表单。表单中有一个返回按钮。 一开始我采用的是window.history.back（）的方式进行返回，但是表单提交后就跳转，再返回的时候还是当前页面。 所以采用了返回按钮直接跳转至上一页的方式进行返回。 返回的时候发现，点击后没有返回到上一页，而是在当前页刷新了一下。 一开始以为是iframe的问题，打断点发现window.location 没有...
几种location.href的区别 js实现网页防止被iframe框架嵌套功能
热门推荐
HelloLWei的专栏
08-04 1万+
首先我们了解一下：window.location.href、location.href、self.location.href、parent.location.href、top.location.href他们的区别与联系，简单的说： "window.location.href"、"location.href"、"self.location.href"是本页面跳转 "parent.location
iframe+a href target跳转的问题
qq_42388147的博客
06-17 1766
简单的iframe跳转 功能实现了，但是多点几次以后，就不能在右边的iframe里面显示了，就会打开新的页面，把left.html里面的两个跳转改成自己写的html或者把其中一个改成自己写的就不会发生这种情况了，求大佬指点 ...
关于js中[removed].href,location.href,parent.location.href,top.location.href的用法与区别
10-28
标题和描述中提到了JavaScript中的几个与页面跳转和刷新相关的属性，分别是window.location.href、location.href、parent.location.href以及top.location.href。这些属性在JavaScript编程中非常常用，用于控制页面的...
浅析location.href跨窗口调用函数
09-01
篇文章主要探讨了如何使用`location.href`在不同的窗口和iframe之间进行跳转，以及相关的JavaScript属性和方法。`location.href`是JavaScript中的一个重要属性，它允许我们获取当前页面的URL或者设置新的URL来实现...
JS的location.href跳出框架打开新页面的方法
10-25
总结一下，要解决“JS的location.href跳出框架打开新页面”的问题，关键在于使用 `window.top.location.href`，而如果需要在新窗口中打开页面，则使用 `window.open`。这两个方法都是JavaScript中实现页面导航的重要...
iframe与location
grow_up_footstep的博客
01-25 879
iframe 浏览器中的浏览器 伪Ajax（部分更新） https://segmentfault.com/a/1190000007090201 window.location下的属性说明 http://blog.csdn.net/flygoa/article/details/49998373 window.location.href刷新页面 http://blog.csdn.net/wh
在iframe（框架）中跳转的问题
渔闻520的博客
10-31 8099
在iframe中跳转会出现这样的问题，就是比如一个页面包含两个iframe，而其中一个要跳转到一个页面，则这个跳转如果不加处理会导致跳转失败。原因就是这个iframe包含的界面在跳转，这时就会出错。这时需要了解target的几个属性值： _blank 浏览器总在一个新打开、未命名的窗口中载入目标文档。 _self 这个目标的值对所有没有指定目标的 &lt;a&gt; 标签是默认目标，它使得...
Web之iframe的那些事、打开外链、窗口、嵌入、location、replace、iframe、assign、href、open
CSDN博客主页地址：https://mengjian.blog.csdn.net/
05-10 1525
Web之iframe的那些事、打开外链、窗口、嵌入、location、replace、iframe、assign、href、open
window.parent.location.href 在safari浏览器不运行解决方案 2020-12-10
zhilianhe的博客
12-10 899
window.parent.location.href 在safari浏览器不运行解决方案 最近开发的时候发现JavaScript调用这个方法浏览器不执行。经过调查发现其实是苹果开发者中屏蔽了这个方法。更改如下配置就可以使用这个方法。 设置 -》safari 浏览器 -》 关闭阻止弹出式窗口-》 关闭阻止跨网站跟中 -》 页面最下面点击 高级 -》 点击 Experimental Features -》 关闭： Block top-level redirects by third-party ifra.
浏览器同源策略限制，导致无法获取跨域iframe里的元素
love_pgme的博客
10-27 2980
问题：在做文件预览的时候，需要通过api获取文件的服务器地址，然后通过iframe绑定地址，显示在页面上。这时如果需要增加打印功能，调用浏览器打印时，由于同源策略，会获取不到iframe.contentWindow。
iframe,我们来谈一谈
weixin_34342578的博客
02-27 3902
某大咖说: "iframe是能耗最高的一个元素，请尽量减少使用"某大牛说: "iframe安全性太差，请尽量减少使用"...wtf, 你们知不知道你们这样浇灭了多少孩纸学习iframe的热情和决心。 虽然，你们这样说的我竟无法反驳，但是iframe强大功能是不容忽视的。 可以看看各大邮箱网站是否还在使用iframe，查查知乎iframe....
window.location.href无法跳转的解决办法
莫冲的专栏
09-21 2479
參考：   1、事件必须return false  　　&lt;a href="javascript:;" onclick="event();return false;"&gt;&lt;/a&gt;  2、a标签的href属性设为一个锚点。  　　&lt;a href="#" onclick="event();"&gt;&lt;/a&gt;    必须在
iframe 页面无法跳转
最新发布
07-25
对于 iframe 页面无法跳转的问题，可以尝试以下几个解决方法： 1. 检查目标页面是否允许被嵌套：有些网站会设置 X-Frame-Options 头部信息来限制是否允许其页面被其他网页的 iframe 嵌套。如果目标页面设置了这个头部信息，并且不允许嵌套，则无法在 iframe 中跳转到该页面。您可以检查目标页面的响应头部信息，查看是否有类似的限制。 2. 使用正确的目标 URL：确保 iframe 的 src 属性设置了正确的目标 URL。可以通过在浏览器中直接打开该 URL，验证是否能够正常访问。 3. 检查浏览器安全设置：有时浏览器的安全设置也会导致 iframe 跳转失败。您可以尝试在其他浏览器或隐私模式下进行测试，看是否能够正常跳转。 4. 使用 JavaScript 进行跳转：如果目标页面无法在 iframe 中直接跳转，您可以尝试使用 JavaScript 在当前页面中进行跳转。通过在父页面中添加 JavaScript 代码，并在 iframe 内部调用该代码来实现跳转。 例如，您可以在父页面中添加以下 JavaScript 代码： ```javascript function redirectTo(url) { window.location.href = url; } ``` 然后，在 iframe 内部的页面中调用该函数进行跳转： ```javascript parent.redirectTo('目标URL'); ``` 这样可以通过 JavaScript 在父页面中进行跳转，绕过 iframe 的限制。 如果以上解决方法都无效，可能需要进一步检查代码或提供更多细节，以便更好地帮助您解决问题。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值