iframe嵌套网页多出来的空白如何解决

最新推荐文章于 2023-12-21 16:03:23 发布
最新推荐文章于 2023-12-21 16:03:23 发布
阅读量1.3k 收藏 1
点赞数
分类专栏： 前端 文章标签： 前端 Powered by 金山文档
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_53715696/article/details/129689205
版权

问题如图所示

只需添加以下代码即可

<div class="item" style="display:block;">
                <iframe name="toppage" width=100% height=2000px marginwidth=0 marginheight=0 frameborder="no" border="0" scrolling=no style="margin-top: -64px;" src="网易云官网首页.html"></iframe>
            </div>
解决iframe嵌套第三方页面被拒绝
qq_36579455的博客
09-16 1768
Refused to frame '' because an ancestor violates the following Content Security Policy directive: "frame-ancestors https://，iframe嵌套页面被拒绝了，怎么使用nodejs修改本次的响应头
JS加载iFrame出现空白问题的解决办法
12-28
在使用IE6浏览器开发过程中出现各种奇葩问题，非常棘手，费劲脑汁终于问题解决。特此把我的问题描述及解决办法分享到软件开发网平台，帮助那些遇到此问题的朋友。 1、js加载iframe出现空白 iframeID 是加载的 Iframe ID号，修改成自己用的即可。 <iframe name=frames id=iframeID src=/> setTimeout(document.frames['+iframeID+'].location.href='+iurls+';,0); //或 setTimeout(document.frames['+iframeID+']
Vue 嵌入iframe，没有显示对应的页面，显示空白或者拒绝了访问，解决的一个思路
普普通通的博客！
06-29 1万+
在给vue使用iframe嵌入页面的时候，明明没有bug，页面就是显示不出来，白屏了。调了很多iframe的设置，但是就是没有效果。 后来发现是我访问的时候，本机是https，但是访问的地址是http，有个跨域的问题。主要就是浏览器认为不安全。去搜索了一下Http和Https的跨域问题，结论如下：那么解决方案可以是做个代理转发，或者我选择了一个笨办法，就是我去试了下我要嵌入的这个链接https能不能访问，然后发现可以，我就自己自己加了一个s，就可以访问了~...
iframe框架显示空白页的原因及解决办法
热门推荐
yumon321的博客
10-10 3万+
今天上午突然发现前几天用着没有问题的iframe框架竟然显示空白页了，很是郁闷。从debug的角度来说，这次改错真是失败，明明是很简单的一个问题，结果被我耗费了半天的时间，可惜可惜。 下面说一下是怎么回事吧。 iframe框架显示空白页，有head和body标签，但是里面都没有内容。 最后查出错误，原来是我的网站设置了https，但是iframe的src我用的还是http，从而导致这个地址被...
iframe空白
12-06 196
优酷网页上复制的通用代码用来播放视频，浏览器和谷歌模拟器正常，但是发布后手机上打开一片空白，一直以为是苹果手机不支持iframe,最后发现是由于iframe播放链接是http的，而我们网页是https的，苹果手机给禁止了，改成https即可 转载于:https://www.cnblogs.com/stubborn-donkey/p/10079031.html...
HTML嵌入iframe空白,IE6下iFrame页面嵌套html空白问题解决
weixin_42521558的博客
06-19 1423
IE6下用iframe嵌套页面：被嵌套页面如果有如下css：html { position: relative; }会导致出现如下问题：被嵌套页面先加载出来，然后变为空白。原因：被嵌套html定位到西伯利亚去了。解决办法：在被嵌套的html加载完成后，把iframe的position属性值改为relative。例一：iframe页：被嵌套页：html { position: relative; }...
在vue中实现嵌套页面(iframe)
11-19
vue中嵌套iframe,将要嵌套的文件放在static下面。src可以使用相对路径，也可使用服务器根路径http:localhost:8088/… <iframe src=”../../static/plusPro.html” width=”1200″ height=”300″ frameborder=”...
js如何判断是否在iframe中及防止网页被别站用iframe嵌套
10-20
本文将详细解析如何使用JavaScript判断当前页面是否被嵌入到iframe中，以及如何防止网页被其他网站用iframe嵌套。 一、判断是否在iframe中的方法 1. 利用self.frameElement属性 在JavaScript中，我们可以通过检测...
iframe 嵌套 Object，object在页面上显示空白问题
biekendiesb的博客
04-16 5262
如标题，这是页面代码 这是展示效果： 这是正常显示的界面代码： <div id="obj" style=""> <object id="DPSDK_OCX" classid="CLSID:D3E383B6-765D-448D-9476-DFD8B499926D" style="width:100%;height:100%;zindex:-...
h5 iframe嵌套页面_HTML阻止iframe跳转页面并使用iframe在页面内嵌微信网页版的实现方法...
weixin_42499379的博客
01-12 1508
就想弄一个winform结合html5的一个小东西，突有兴致，想在里面嵌套一个微信网页版。好了，想法一出来，就行动吧，最终效果如下图：一开始就打算在页面里面嵌套一个iframe指向https://wx.qq.com就OK了，但是我还是太天真，微信网页版会自动跳转。结果如下图：于是上网搜了一下阻止iframe跳转的办法，就是在iframe标签加上security="restricted"sandbo...
解决在iframe页面里使用了DD_belatedPNG后显示空白的bug
03-30
NULL 博文链接：https://lullabyus.iteye.com/blog/1314966
解决iframe实时获取资源页面显示空白的问题
天界程序员的博客
10-12 1万+
1、问题起源   在使用公司平台开发的时候，内部窗口使用的是iframe，iframe内部的内容是通过定时器一分钟一次获取最新的数据渲染在页面上。   以上看起来是没有什么问题，但是会造成用户体验问题： 当用户打开其他页面后，超过一分钟后，定时器已经调用了一次，但是用户在返回到那个页面，iframe的内容是一个空白的白板。使用F12在浏览器的开发者模式里面，DOM结构里面的innerHtml是有内容的，但是不知道为什么没有显示出来。我也很懵逼！ 2、解决方式 （1）判断用户是否还在平台页面 （2）
IE6下iFrame页面嵌套html空白问题解决
架构法自然
01-10 1372
这个问题很难解决，相信有人也被困扰了
vue3使用iframe引入其他网站，vue-router路由跳转后页面空白，刷新之后才展示页面内容乌龙事件
一只爱吃糖的小羊
08-02 2378
vue3项目的页面A跳转到页面B时，页面B页面是空白的，需要手动刷新一下才能恢复正常，在页面A中用iframe引入了别的网站（后续事实证明，跟iframe没一毛钱的关系）
iframe空白的原因
walle的博客
10-21 3607
iframe本地是ok的，线上是空白的， 原因是线上是https的，而iframe的src是http的
Vue 使用iframe嵌入页面，ios显示空白，安卓正常
最新发布
Luckygirl_jian的博客
12-21 916
在vue中使用iframe嵌入页面，ios页面显示不出来，白屏了，安卓确是正常显示，也设置了相关iframe的属性，但是就是没有任何效果，到底是怎么回事。而项目中访问的地址就是给的http，所以有跨域问题，浏览器认为不安全，需要后端把接口域名改成https协议。ios默认不允许跨域请求，使用的是https协议。安卓默认允许跨域请求，使用的是http协议。https不可以调用http。http可以调用https。https可以https。http可以http。
php frame 空白,php加载frameset页面时显示空白怎么办_后端开发
weixin_42525353的博客
03-26 125
phpcms无法显示PNG图片怎么办_后端开发PHPCMS无法显示PNG图片的解决方法：首先修改“phpcms_model_field”、“phpcms_module”数据表；然后修改“setting”字段中的png；最后进入后台更新栏目缓存即可。 php加载frameset页面时显示空白的解决办法：php页面加载 frameset页面时 加载页面的时候显示空白解决办法是bom头的问题什么是bom...
iframe嵌套网页的指定部分其他不显示，怎么调整展示的位置
06-08
要调整 iframe 中展示的位置，您可以使用 CSS 的 "margin-top" 或 "padding-top" 属性来控制 iframe 的垂直位置。例如，如果您想将 iframe 向下移动 50 像素，您可以像这样设置 CSS 样式： ```html <iframe src="https://www.example.com" scrolling="no"></iframe> <style> iframe { width: 100%; height: 200px; overflow: hidden; margin-top: 50px; /* 设置 iframe 的上外边距为 50px */ } </style> ``` 在上述示例中，我们将 iframe 的上外边距设置为 50px，这样 iframe 就会向下移动 50px。您还可以使用 "padding-top" 属性来实现类似的效果，不同之处在于 "padding-top" 会在 iframe 内部创建一个空白区域，而 "margin-top" 则会直接影响 iframe 的位置。 如果您想在 iframe 中显示指定的部分，可以使用 CSS 的 "scroll" 属性来控制滚动条的位置。例如，如果您只想显示 iframe 中的前 100px 部分，您可以像这样设置 CSS 样式： ```html <iframe src="https://www.example.com"></iframe> <style> iframe { width: 100%; height: 100px; overflow: scroll; /* 设置滚动条 */ } </style> ``` 在上述示例中，我们将 iframe 的高度设置为 100px，并使用 "overflow: scroll" 属性来显示滚动条。这样，只有前 100px 的内容会显示在 iframe 中，其他部分需要通过滚动条来查看。您可以调整高度和滚动条来展示您想要的部分。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值