iframe的src属性设为'#'导致父页面二次加载问题解决
发生情景
子 iframe 包含在父页面中,我们想在加载父页面的时候,不立即加载子 iframe ,于是我们设置了子 iframe 的 src 属性值为 # 作为占位符。
问题
打开chrome开发者工具,向服务器发送请求加载父页面。在开发者工具Network选项卡下,会发现加载父页面的请求它发送了两次,这肯定不是我们希望的情况。
解决方式
若希望在加载父页面的时候,不去立即加载子iframe,而是再触发某个事件的时候再去加载子iframe,我们可以将子iframe的src属性值设置为空串,即<iframe src='' name="test" frameborder="0" scrolling="yes"></iframe>。上述方式,不会导致父页面二次加载问题
如对本文有疑问,
点击进行留言回复!!
相关文章:
-
CSS知识点总结
css知识点总结一、什么是CSS?二、CSS的主要作用是什么2.1 CSS布局2.1.1 盒子模型欢迎使用Ma...
[阅读全文]
-
css的基础知识
初识css1、什么是css。css是英文Cascading Style Sheet的缩写,意思是层叠样式表。作用...
[阅读全文]
-
-
CSS总结
CSS总结css基础知识CSS:层叠样式表 Cascading Style Sheet学习CSS就是学习一堆的...
[阅读全文]
-
6-css样式
背景颜色background-color背景颜色的值可以是英文,可以是十六进制颜色值,可以是rgb背景图片bac...
[阅读全文]
-
-
前端工程化的意义
工程化不是某个具体的工具,工程化的核心是对项目整体的规划和架构解决的问题&带来的价值1.每次开启新项目,...
[阅读全文]
-
-
-
-
css2zj
标签分类男标签(块标签):独占一行,eg:div hn p ul ol li dt…可以设置宽高,如果不设,则默...
[阅读全文]
网友评论