通过iframe引入另外一个项目中的html片段到项目中,解决样式,高度,兼容等问题的策略

简介: <!--尾部开始--> <iframe src="http://172.16.24.11:9000/cartoon-web/footer_new"    marginheight="0" marginwidth="0" frameborder="0" scrolling="no"   width='100%' height='392' id="iframepage" n


<!--尾部开始-->
 <iframe src="http://172.16.24.11:9000/cartoon-web/footer_new"
   marginheight="0" marginwidth="0" frameborder="0" scrolling="no"
   width='100%' height='392' id="iframepage" name="iframepage" onLoad="iFrameHeight()" ></iframe>
   
 <!--尾部结束-->
 <script language="javascript" type="text/javascript" charset="utf-8" src="js/jquery-2.1.1.js"></script>
 <script language="javascript" type="text/javascript" charset="utf-8">
  $(function(){
   $(".wj_content form table  tbody  tr  td.title").each(function(index,domEle){
    $(this).text((index+1) + "、" +$(this).text());
   });
  });


function iFrameHeight() {
   var ifm= document.getElementById("iframepage");
   var subWeb = document.frames ? document.frames["iframepage"].document :ifm.contentDocument;
   if(ifm != null && subWeb != null) {ifm.height = subWeb.body.scrollHeight;}
  }
 </script>

目录
相关文章
|
4月前
HTML中的<iframe>标签及其属性
HTML中的<iframe>标签及其属性
|
9天前
Twaver-HTML5基础学习(32)Network样式andTree样式
本文介绍了如何在Twaver-HTML5中自定义Network和Tree组件的样式,包括标签、提示、颜色、告警等。
26 2
Twaver-HTML5基础学习(32)Network样式andTree样式
|
7天前
|
JavaScript 前端开发 Java
SpringBoot项目的html页面使用axios进行get post请求
SpringBoot项目的html页面使用axios进行get post请求
22 6
|
24天前
|
JavaScript 前端开发 UED
让 HTML 向 Vue.js 华丽转身:如何把 `wangEditor` 仿腾讯文档项目整合进 Vue.js
让 HTML 向 Vue.js 华丽转身:如何把 `wangEditor` 仿腾讯文档项目整合进 Vue.js
HTML基础知识(1)常用标签的使用 h、p、img、meta、a、iframe...
该博客文章详细介绍了HTML的基础知识,包括注释、标签属性、常用标签、实体、图片引入、meta标签、内联框架、超链接的使用,并通过代码示例和测试结果截图展示了这些元素在网页中的应用效果。
HTML基础知识(1)常用标签的使用 h、p、img、meta、a、iframe...
|
3月前
|
JSON JavaScript 数据格式
文本-----wangEditor的使用,设置和获取内容,展示HTML无样式怎么办????console同步展示怎样写,Vue的配置在Vue3配置文件中的配置,是editor中的v-model绑定的值
文本-----wangEditor的使用,设置和获取内容,展示HTML无样式怎么办????console同步展示怎样写,Vue的配置在Vue3配置文件中的配置,是editor中的v-model绑定的值
|
3月前
|
前端开发 JavaScript
文本,wangEditor5展示HTML无样式,wangEditor5如何看源码,Ctrl + U看CSS文件,代码高亮,Prism.js可以实现,解决方法,参考网页源代码的写法
文本,wangEditor5展示HTML无样式,wangEditor5如何看源码,Ctrl + U看CSS文件,代码高亮,Prism.js可以实现,解决方法,参考网页源代码的写法
|
4月前
|
前端开发
HTML+CSS练习小项目——百叶窗
HTML+CSS练习小项目——百叶窗
|
4月前
|
缓存 前端开发 JavaScript
从HTML、CSS以及其他方面介绍一些移动端网页性能优化的策略
【6月更文挑战第14天】本文探讨了移动端网页性能优化的重要性,并提出了HTML、CSS及其他方面的优化策略。HTML方面,建议精简结构、使用语义化标签、异步加载脚本和压缩文件。CSS优化包括简化样式、利用CSS3动画、媒体查询及压缩文件。其他策略涉及图片和字体优化、缓存利用、压缩传输数据、减少HTTP请求及监听网络状态。通过这些方法,可提升网页性能,改善用户体验。
61 1
html如何将插入的背景图片全部覆盖样式写法
html如何将插入的背景图片全部覆盖样式写法
下一篇
无影云桌面