iframe用display:none隐藏后，仍然能产生一次有效的访问

最新推荐文章于 2024-06-05 00:48:32 发布
最新推荐文章于 2024-06-05 00:48:32 发布
阅读量3k 收藏
点赞数
分类专栏： Html/Css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wyqwclsn/article/details/39930203
版权
display:none这段css代码只是 把iframe隐藏起来，但程序仍然会访问目标地址，用户却是看不见的
比如：
《iframe name='hideFrame' style="display:none;" src=" http://www.google.com " ></iframe》

把这段代码放在html页面中，虽然什么都看不到，但是打开这个页面时，就会访问谷歌的网页
wyqwclsn
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
php+iframe实现隐藏无刷新上传文件
12-18
首先ajax不能上传文件，这误导了我有段时间，今晚睡不着就照着说明做了个无刷新上传文件 其实原理很简单 复制代码 代码如下: <...iframe name=”upload” style=”display:none”></iframe>
使用隐藏的Iframe实现ajax无刷新上传
08-25
使用隐藏的Iframe实现Ajax无刷新上传的基本思路是：创建一个隐藏的Iframe作为文件上传的目标，当用户选择文件并提交表单后，表单数据会通过POST方式发送到服务器端处理文件上传操作。由于Iframe的存在，上传过程不会...
iframe display:none 自适应 需要判断src加载情况
tomspiders的专栏
08-10 925
&lt;div id="dv_iframe" style="display:none;"&gt; &lt;iframe id='modcontent' name='modcontent'  frameborder='0'  src='test.html' scrolling='no' &gt;&lt;/iframe&gt; &lt;/div&gt;   display为none的时候，...
iframe设置display:none导致嵌入的页面之前的滚动位置清零
qq_36093530的博客
04-17 622
使用iframe同时嵌入多个页面时,iframe设置display:none导致嵌入的页面之前的滚动位置清零
【前端】display:none和visibility:hidden两者的区别
最新发布
06-05 7472
【前端】display:none和visibility:hidden两者的区别
iframe 优缺点 & visibility=hidden, opacity=0，display:none
from_shanghai的博客
08-13 1357
iframe是用 <iframe>标签在页面中嵌套其他页面。 优点： 1.只需要修改<iframe>内容，被嵌套的网页内容就可被一致修改，方便 2.可以用iframe嵌套加载缓慢的第三方内容如图标和广告 3.可以把嵌入的网页完整显示出来 缺点： 1.阻塞页面的 onload 2.和 主页面 共享连接池，浏览器对 相同域的 连接有限制，所以 导致 加载缓慢 3.iframe ...
通过隐藏iframe实现无刷新上传文件操作
11-25
综上所述，通过隐藏IFrame实现无刷新上传文件是一种有效的策略，它避免了AJAX上传文件可能带来的复杂性，特别是处理大文件时。结合ReactJS、AmazeUI和Node.js，可以构建出优雅且功能强大的文件上传系统。虽然现在...
Ajax方式提交带文件上传的表单及隐藏iframe应用
12-12
<iframe name='hidden_frame' id="hidden_frame" style='display:none'></iframe> ``` 2. **JavaScript处理**：使用JavaScript或jQuery监听表单的提交事件，先通过Ajax提交非文件数据，并在成功回调中触发文件上传...
iframe用src打开另一个html时，跨域报错问题避坑
在奔跑中寻找的博客
07-09 3170
需求描述： 项目中后端返回了一个html页面地址url，前端需要把这个html页面内容转成图片展示在页面中。 思路一： 最直接的就是在页面中用iframe打开这个url，打开后利用iframe的api'contentWindow.document.body获取需要的DOM，然后用html2canvas插件转成图片显示，同时iframe的样式属性diaplay设为none隐藏。 Bug问题描述： 想法好，现实很骨感，由于后端返回的url地址是跨域的，那肯定over了。 但是当与后端协商后，经处理，后端返回了同
在使用iframe的时候想对它的父盒子进行隐藏和显示的问题
让心在跳动
01-25 766
项目中出现的问题：       按照常规的思路：是使用dispaly：none；对父盒子进行隐藏  这样是可以进行的隐藏的，但是当你在次显示出来的时候 iframe 就会偏离原先的位置  无法很好的对其实现 隐藏和显示。  解决方案：  我们可以使用 visibility:hidden 对父元素进行隐藏 然后，使用visibility:visible 进行显示  visiblity...
使用 ＜iframe /＞ 嵌套页面的一点总结
热门推荐
weixin_43714836的博客
11-22 1万+
iframe 标签嵌套页面，可能会遇到 x-frame-options 的值为 deny、sameorigin 情况，此时可能出现：xxx.xxx.xxx 拒绝了我们的连接请求。往往被嵌套页面的设置决定了是否能嵌套。
关闭iframe中弹窗，视频也关闭播放
qq_42177117的博客
01-11 2699
实现思路： 1、写个iframe框架 2、JQ获取DIV里的路径值 3、弹出窗口，写一个iframe的html把值存进iframe的src 4、关闭窗口，把iframe的src清空或iframe框架直接关闭 <!--iframe视频--> <div class="video"> <div class="video-nr" id="video-nr"> </div> <div class="end" onClick="vide
EasyNVR集成iframe后，视频无法播放如何解决？
EasyNVR官方技术博客
08-16 772
在对其进行调整后，将用户部署的EasyNVR路径替换更新后的www文件，重新运行EasyNVR服务，此时集成的iframe已经可成功播放。
div隐藏再显示之后，div内的iframe不显示解决方法
lineage11的专栏
09-14 1054
&lt;body&gt;         &lt;table id="cc" style="display:none;"&gt;           &lt;iframe id="ff" src="Array-Grid.html"&gt;&lt;/iframe&gt;         &lt;/table&gt;         &l
iframe { display: block; border: none; margin: 0; padding: 0; overflow: hidden; }没有用
06-06
如果设置了 `iframe { display: block; border: none; margin: 0; padding: 0; overflow: hidden; }` 却没有起到作用，可能有以下几种原因： 1. 样式被其它样式覆盖：如果在其他 CSS 样式中对 iframe 元素进行了样式设置，可能会导致这个样式被覆盖。可以尝试在这个样式之后再添加 `!important` 以确保它的优先级最高。 2. 样式被浏览器默认样式覆盖：有些浏览器可能会对 iframe 元素的默认样式进行设置，从而导致这个样式被覆盖。可以尝试添加更加具体的选择器，或者使用浏览器的开发者工具检查样式是否被覆盖。 3. 样式被应用在错误的元素上：如果应用这个样式的元素不是 iframe 元素，也可能导致这个样式不起作用。可以检查一下应用样式的元素是否正确。 4. 样式不支持某些浏览器：有些浏览器可能不支持某些 CSS 属性或值，导致这个样式不起作用。可以尝试使用更加通用的 CSS 样式，或者针对不同的浏览器写不同的样式。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值