iframe中document.referrer无法取到完整url

最新推荐文章于 2023-11-10 21:26:37 发布
最新推荐文章于 2023-11-10 21:26:37 发布
阅读量3.2k 收藏 1
点赞数
分类专栏： js html 文章标签： js web
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xiawenyi1234/article/details/109354330
版权

今天发生了一件特别奇怪的事，特意记录下来，以供后续查看。
测试同事反映说，使用chrome和Safari浏览器，打开线上的服务发现有问题。经检测发现，是iframe中的js文件中的函数，使用document.referrer获取外部文档的url竟然只能取到域名，其它的全取不到了，当时感觉特别奇怪，十一假期之前，还没有任何问题，结果放完假一上班就出现问题。然后就是一通折腾，发现chrome和safri都有问题，检查chrome版本，发现是86.开头的，同事的是85.开头的，都出现了同样的问题，结果装了个低版本84.开头的，一切就正常了，太坑了；而且发现85版的是9月29日发布的，妥妥的，天堂和地狱只差一个国庆节啊。最后没办法，把iframe需要的参数放置在name属性里，在iframe里通过window.name获取。

在外层文档里，给name赋值为需要传递的参数

下面贴出两种方式

1.传的是是固定的写死的

<iframe id="myiframe" name="参数"><
最低0.47元/天 解锁文章
Good 奈斯
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
JavaScript中的document.referrer在各种浏览器测试结果
10-25
主要介绍了JavaScript中的document.referrer在各种浏览器测试结果,包括在多种情况下每个浏览器能否用document.referrer取到值,非常珍贵的测试结果,需要的朋友可以参考下
关于document.referre属性在ios中不能使用
qq_58989287的博客
07-19 637
关于document.referre属性在ios中不能使用
绕过防盗链的几种方式
最新发布
qq_68163788的博客
11-10 2325
盗链是指在网站上显示其他网站上的图片、视频或其他媒体内容，而不经过原网站所有者的授权或许可。盗链会消耗原网站的带宽和资源，同时也会侵犯原网站所有者的版权和使用权利。 盗链行为通常被视为不道德和违法的，因为它侵犯了原网站所有者的权利，同时也给原网站带来不必要的成本和资源消耗。为了防止盗链，许多网站会设置防盗链功能，当检测到盗链时，会拒绝显示内容或者显示特定的替代内容。 因此，作为网络使用者，我们应该尊重其他网站所有者的权利，遵守网络使用规则，不进行盗链行为。如果我们需要在自己的网站上使用其他网站的内容
document.referrer 获取来路url和当前url地址
热门推荐
...
09-22 1万+
js获取来路url地址，相当于php的$_SERVER['HTTP_REFERER']，（但$_SERVER超全局变量里，没有HTTP_REFERER？？！）利用js获取来路url地址可以准确地判断网页的真实来路。防盗链也很简单了，js里判断来路url如果不是本站不显示图片。 注：js中的referer是referrer不是referer，即：document.referrer，不要写错！ 顺
JS获取上一访问页面URL地址document.referrer实践2
weixin_33998125的博客
08-22 2052
一、JS获取前一个访问页面的URL地址document.referrer 要获取前一个访问页面的URL地址前后端语言都可以，例如PHP的是$_SERVER['HTTP_REFERER']，JavaScript的就是document.referrer。 我们平常开发，虽然和URL打交道也算比较频繁，但是，似乎很少使用document.referrer。我起初以为是兼容性不好，后来测试发现ie7都...
【浏览器】Referer获取前一个页面链接问题
weixin_38792911的博客
12-16 886
问题描述： 从a页面跳转到b页面时，想从b页面获得a页面的完整链接，但是实际情况是链接只到端口号，比如a页面链接“https://baidu.com/12123/34343.html”,但是在b页面获取链接为“https://baidu.com/” 链接获取方式： var uri=Request.UrlReferrer; //C# 写法 相关信息： 首先我们需要知道一个完整的url链接各部分的解析： http://www.baidu.com:8080/abc/index.html?id=123&a
Javascript中document.referrer隐藏来源的方法
11-26
前言 本文为大家讲解的是关于Javascript中document.referrer隐藏来源的方法探讨，感兴趣的同学参考下。 关于隐藏来路 Referrer 在某些情况下很有用，...比如我们从百度中跳转到w3c，那我们从w3c中可以获取到referrer，
js实现ifram取父窗口URL地址的方法
12-11
本文实例讲述了js实现ifram取父窗口URL地址的方法。分享给大家供大家参考。具体实现方法如下： var url=''; try { url = window.top.document.referrer ; } catch(M) { if (window.parent) { try { url = ...
常用js代码超级实用.pdf
10-02
13. **绑定事件到元素**：`document.all.xxx.detachEvent('onclick',a)` 在IE浏览器中移除事件监听器。 14. **获取变量类型**：`typeof($js_libpath) == undefined` 用来检查变量是否未定义。 15. **下拉框操作**...
程序员常用代码小技巧_javascript.doc
02-28
"JavaScript常用代码小技巧" JavaScript是一种广泛使用的脚本语言，常用于Web开发中。在实际开发中，程序员经常需要使用一些小技巧来提高开发效率...* 获取上一网页源（JavaScript）：`javascript: document.referrer`
JavaScript 防 http 劫持与 XSS.docx
11-26
`document.referrer`属性可以获取到跨域iframe的父页面URL，通过对比白名单列表，如果父页面URL在白名单内，则不执行重定向操作。以下是一个简单的白名单检查示例： ```javascript // 创建白名单 var whiteList = ...
document.referrer 属性（记录来访的URL）
zj19880814的专栏
09-02 1237
  Document对象的referrer属性   referrer属性是一个比较有趣的属性，它存放使用户连接到当前文档的文档的URL（比如，用户通过超链接a，连接到b,那么这个属性记录的是就是a的url地址，如果当前文档不是通过超连接访问的，那么就为null,.   用法： 1. 将该属性保存在页面表单内的一个隐藏域中，当用户提交这个表单时，就可以将这个引用者的数据保存在服务器上，...
document.URL 和 document.referrer
YMYYZ的博客
04-27 716
使用 document.referrer 可以验证用户是否是从上一个页面加载过来的
在iframe框架中取referer来源
little_bill的专栏
05-04 5837
在iframe框架中取得的referer，是该iframe中地址，而不是嵌套该iframe地址。 代码 文件名：iframe-index.html [code="html"] 测试iframe页面 当前页面url:/iframe-index.html Helloworld 下面是iframe嵌套页面 ...
document.referer丢失参数问题解决
Suk__的博客
02-13 1593
因为Chrome85+版本政策的修改,不同origin之间的跳转document.referer不再携带参数,只携带主机名,比如http://www.baidu.com?s=1就拿不到s=1 只有协议头和域名 解决: 1.跳转方和自己的网站都必须是history模式 2.跳转方网站要进行referer携带政策降级 <meta content="no-referrer-when-downgrade" name="referrer"> 或者 <meta content="always
php iframe referer,Iframe referer policy
weixin_33186395的博客
03-19 503
在 iframe 中可以通过 referrerpolicy 指定获取指定资源时设置什么样的 referrer。在 iframe 中 referrerpolicy 的取值有：no-referreroriginorigin-when-cross-originunsafe-urlno-referrer-when-downgradeno-referrer表示在访问资源的时候不会带上 referrer 信息...
关于document.referrer某些情况下记录不到源网页的问题
jiangcs520的专栏
08-11 8824
项目中有个很简单的需求，5个页面，手机端分享出去的只要不是首页，打开默认跳转首页，页面间正常跳转不影响。本来有两种方法实现，1、服务端控制，2、客户端跳转 由于是静态页面，只能由客户端控制。用referrer是否为空控制跳转，但是测试中发现，某些浏览器坑了。做了个小测试，例如有两个页面如下： test1.html： 跳转 test2.html:
vue3.0+element 报Cannot read property ‘prototype‘ of undefined
xiawenyi1234的博客
01-06 1万+
写太多vue2.0项目了，3.0都出来这么长时间了，我还没用过，今天初体验一番。（之前都是听说坑很多，今天也遇到一个） 防止旧版本脚手架影响项目，我先卸载老的 npm uninstall vue-cli -g //或者 yarn global remove vue-cli 直接用最新的脚手架（Vue CLI 3的包名称由 vue-cli 改成了 @vue/cli） 注: Vue CLI 3需要 nodeJs ≥ 8.9 cnpm install -g @vue/cli //yarn global .
window.location.href = document.referrer;
08-24
引用中的代码`window.location.href = document.referrer`是用于将当前页面跳转到前一个页面，并且刷新页面。`document.referrer`表示前一个页面的URL。这段代码会判断`document.referrer`是否包含`?`，如果包含则拼接参数`&r=`，如果不包含则拼接参数`?r=`。最后通过`window.location.href`将页面跳转到前一个页面并刷新页面。 这段代码的作用是在前一个页面的基础上加上随机参数`r`来刷新页面。这样做的目的可能是为了避免缓存，确保每次跳转到前一个页面时都能重新加载内容。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [使用window.location.href和document.referrer](https://blog.csdn.net/qq_37252429/article/details/76153180)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* *3* [js返回上一页和刷新页面](https://blog.csdn.net/m0_47402657/article/details/127448104)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值