html中使用iframe以后，后面的内容都显示不出来

最新推荐文章于 2021-06-23 12:37:21 发布
最新推荐文章于 2021-06-23 12:37:21 发布 · 1.4k 阅读 · 0
文章标签：

#HTML

本文讲述了在网页设计过程中，由于遗漏了iframe的结束标签</iframe>而导致页面内容无法正常显示的问题。通过此经历提醒开发者们注意HTML标签的正确使用。

     今天在设计页面的时候，加了个iframe，结果iframe之后所有的内容都显示不出来了。

     查了半天才发现没有加上</iframe>结束标签，真是太郁闷了。

solarmoons
关注
基于官方规范系列篇之——HTML 篇（七）iframe
weixin_44168130的博客
12-19 1393
本文介绍了大名鼎鼎的 iframe，介绍了其基本使用，包括 src、srcdoc、loading 属性、sandbox 属性、allow 属性等。还扩充了一下 iframe 内部跳转链接，介绍了为何业界普遍不采用 iframe 作为微前端解决方案的原因之一。
ajax将响应结果显示到iframe,JavaScript：iframe / Ajax / JSON
weixin_35009537的博客
08-05 860
iframe在Ajax流行之前大量使用：iframe中的src属性指定的就是一个独立的页面url地址，iframe中呈现的就是这个页面的内容。通过改变src的值，我们就可以轻松的改变iframe中的内容(类似的，刷新验证码也是同样的手段)：document.getElementById('keywords').src = "/Iframe2.html";演示：略独立页面注意，iframe加载的是一...
iframe标签的内部关闭存在一个问题（未知原因）
q285661571的专栏
04-05 672
不能使用这种关闭方法 要使用xxxxxxx
iframe实现局部刷新和回调（转）
lujnyong的专栏
02-11 1028
2012-12-25 12:45 iframe实现局部刷新和回调（转） 今天做项目遇到一个问题。就是提交表单的时候，要在后台验证用户名是否存在和验证码是否正确。 当验证码或者用户名存在的时候。在后台弹窗提示。可页面原本file里面符合要求的值刷新没了。用户体验不好。因为用ifream刷新技术已不是什么新鲜技术。所以网上有大把的资料可参考。只是因为本人是初次接触。所以记下自己的知识点。当
java 取消iframe_Java项目下iframe一个诡异的问题
weixin_42365334的博客
02-28 149
昨晚在Java WEB项目下iframe嵌一个远程网页，被嵌的页面假设叫a页面，a页面的是一个基于mxGraph绘图的页面同时有dwr请求后台数据。关键在b页面嵌入远程a页面的时候老是弹出：IE下：Chrome下：控制台打出：Error: java.lang.IllegalArgumentException, Failed to find parameter: c0-scriptNameError...
html中使用iframe时后面的内容不显示
weixin_34236869的博客
01-12 5059
2019独角兽企业重金招聘Python工程师标准>>> ...
Flex嵌套Iframe，点击除Iframe的其他地方后，Iframe内容消失的问题。
ld_flex的专栏
09-24 2130
原文地址: http://blog.youkuaiyun.com/kenchow126/article/details/7361150 今天遇到一个很让人闹心的问题，就是我的Flex中为了嵌套一个jsp，所以在flex中嵌套一个包含JSP页面的Iframe。问题出现了，当我点击除了Iframe的其他地方的时候，Iframe中的内容全部消失了。刚开始我还困惑到底是怎么回事，后来才发现这个问题是完全可以解决的。
webbrowser设置html内容,WebBrowser 显示Html内容3点细节技巧
weixin_34898216的博客
06-10 1479
先上技术内容，后面再感慨几句：早在(新浪)的评论平台(现在移到微博人气精灵)里，需要有空间来显示新浪微博的内容，如下图：在图片的右侧，是一个WebBrowser 控件，用来显示新浪微博的内容给用户评论，然则却遇到不少问题。直接显示Html内容，不像直接导航网址容易处理:问题：按微软的控件属性提示，可以用WebBrowser.DocumentText 属性赋值 ，但是这种赋值，只是首次有效，后续切换...
怎样获取不同域名的ifram的html,AJAX | iframe跨域的实现方法
weixin_33146151的博客
05-31 1201
iframe跨域HTML5学堂：本文当中我们介绍了跨域的基本知识，讲解到了跨域的相关种类，并讲解了解决跨域中的一种方法——如何使用iframe跨域。讲解了iframe跨域的基本原理与流程，并配以实战~利利的独白：跨域，是我们的课程中必不可少的一部分，但是我们一直都是在讲解JSONP的跨域方式，虽然也提到了iframe的跨域方式，但是由于时间因素，并没有办法放置到课程中。什么是跨域同源策略限制了一个...
动态生成的IFRAME，设置SRC时的问题解决分析
09-06
但值得注意的是，`ifr.src`后面添加临时参数以获取新页面内容时，如果在`appendChild`之后设置，刷新页面时临时参数不会更新，除非完全重新加载页面（非F5或刷新按钮）。这是因为IE7可能已经预加载了IFRAME的初始URL...
jQuery html()方法使用不了无法显示内容的问题
10-25
jquery中的html方法使用不了，只能用完最基本的innerHTML把内容展示出来
iframe诡异的内容消失问题
施天助的专栏
06-13 2073
iframe诡异的内容消失问题     问题描述 　　不得不承认，这是一个非常诡异的问题，以下步骤可以重现问题： 用IE打开这个测试页面，确认页面上有个iframe，里面显示着abc三个字符。 把这页面加进收藏夹。 重新打开IE。 从收藏夹再打开这页面 。 　　如果没出问题的话，你会发现页面上虽然还有iframe，但是abc消失了。更准确、详细地说，前后2次的页面主要有以下...
html加了一个iframe后，后面的元素都不见了
飞翔的熊blabla
01-27 1710
问题很明显，标签你用错了。的用法是不对的。是个封闭的标签，需要用来结束。所以你只要在后面加上就可以了。
打开iframe，关闭后iframe的边框不会消失
u013688040的专栏
02-18 596
jsp嵌入iframe，在打开然后关闭iframe后，父页面会有一条iframe保留下来的边框痕迹。 解决方案，在iframe的style中增加style="filter: Chroma(Color=white);"
iframe应用session丢失的问题
sstevencao的专栏
04-13 373
在网站群的建设中，各子站需要共享主站的footer等公共信息。同时主站的后台管理也集成了各子站的管理，采取的方式是使用iframe嵌入各站的页面。在本机开发环境中，没有出现任何的问题。但是一放到测试环境中，便遇到session丢失的问题。         环境：应用服务器采用tomcat6.0，各个站点单独使用一个应用服务器，部署在一台物理服务器上。外部访问采用同一个IP，但是不同的端口。  ...
跨域SESSION的问题
weixin_30551947的博客
03-02 347
跨域SESSION的问题: JAVA: 就是在servlet下的EncodingFilter.java文件中加入如下代码： HttpServletResponse res = (HttpServletResponse) sresponse; res.setHeader("P3P", "CP=CAO PSA OUR"); 反正就是上面的怪符号就可以搞定。在网上搜到的，累死人。 感谢以上兄弟...
html iframe 空白,JS加载iFrame出现空白问题的解决办法
weixin_30348079的博客
06-23 2590
在使用IE6浏览器开发过程中出现各种奇葩问题，非常棘手，费劲脑汁终于问题解决。特此把我的问题描述及解决办法分享到脚本之家平台，帮助那些遇到此问题的朋友。1、js加载iframe出现空白iframeID 是加载的 Iframe ID号，修改成自己用的即可。setTimeout("document.frames['"+iframeID+"'].location.href='"+iurls+"';",0...
IE下iframe不能正常加载,显示空白
热门推荐
纪争光
08-16 4万+
下午帮忙看了一个web问题，index.html中嵌入来加载同文件目录下的一个页面，在多个浏览器下测试，发现IE浏览器中会出现问题，不能正常加载，显示空白页，右键属性为"_blank" 。          一开始，想到的是src属性的问题，可能是路径不对，但是经过不同浏览器测试，不存在路径问题。         单独把src路径拿出来，贴到IE浏览器中，发现页面加载没问题。通过分析，问题应该出现
html,添加iframe后，其他div看不见了
禅者，心如止水
12-10 2735
html,添加iframe后，其他div看不见了，原因：没有用,我用了/>....
iconfont图标symbol形式显示不出来
最新发布
02-13
### 解决 Iconfont 图标 Symbol 形式不显示的方法 当遇到 iconfont 图标以 symbol 形式无法正常显示的情况时，可以尝试以下几个方面来排查并解决问题。 #### 1. 检查网络请求路径 确保 `iconfont.js` 文件能够被正确加载。如果该文件未能成功下载或存在跨域问题，则可能导致图标无法渲染。可以通过浏览器开发者工具中的 "Network" 面板查看具体的加载情况[^1]。 #### 2. 确认 SVG Spritesheet 是否已注入页面 对于采用 symbol 方法引入的图标来说，必须先将整个 svg spritesheet 插入到 DOM 中才能正常使用。通常情况下，这一步是由 `iconfont.js` 脚本自动完成的。但如果脚本执行失败或者文档结构特殊（比如有 iframe），则可能需要手动添加此操作： ```html <svg style="display:none;"> <!-- 这里放置从 iconfont 下载下来的 symbols --> </svg> ``` #### 3. 使用正确的语法调用图标 在 HTML 文档中引用具体图标的语法规则是固定的，如下所示： ```html <svg class="icon"> <use xlink:href="#icon-name"></use> <!-- 替换为实际的 ID 名字 --> </svg> ``` 请注意这里的 `href` 属性前缀应为 `#`, 并且后面跟的是对应图标的唯一标识符(ID)，而不是 URL 地址[^2]。 #### 4. 处理缓存问题 有时候即使解决了上述所有潜在原因之后仍然看不到效果，那可能是由于浏览器端残留的历史数据干扰所致。此时不妨清除一下浏览记录或是强制刷新(F5)几次试试看。 #### 5. 排除冲突因素 确认项目内其他资源(如样式表、JavaScript 库等)不会影响到 iconfont 的表现形式。特别是某些第三方框架可能会覆盖默认行为，造成预期之外的结果。例如，在 Vue 或 React 组件化开发环境中，组件生命周期钩子函数的位置也会影响最终呈现的效果[^3]。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值