通过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>

目录
相关文章
|
17天前
|
缓存 JavaScript 前端开发
Vue 项目中动态添加 HTML 元素的方法与实践
本文探讨了 Vue 中动态添加 HTML 元素的多种技术方案,包括条件渲染(v-if/v-show)、动态组件(component :is)、手动挂载($mount)及 Vuex 状态管理等方法。通过实例分析,如动态表单生成器与全局模态框服务,展示了这些方案在实际开发中的应用。同时提供了性能优化建议和注意事项,帮助开发者根据需求选择最佳方式,在保持 Vue 响应式特性的同时实现灵活交互。附带代码示例,便于理解和实践。
41 2
|
7月前
|
前端开发 测试技术 定位技术
如何利用HTML和CSS构建企业级网站的全过程。从项目概述到页面结构设计,再到HTML结构搭建与CSS样式设计,最后实现具体页面并进行优化提升,全面覆盖了网站开发的关键步骤
本文深入介绍了如何利用HTML和CSS构建企业级网站的全过程。从项目概述到页面结构设计,再到HTML结构搭建与CSS样式设计,最后实现具体页面并进行优化提升,全面覆盖了网站开发的关键步骤。通过实例展示了主页、关于我们、产品展示、新闻动态及联系我们等页面的设计与实现,强调了合理布局、美观设计及用户体验的重要性。旨在为企业打造一个既专业又具吸引力的线上平台。
271 7
|
7月前
|
安全 前端开发 JavaScript
如何检查和验证 HTML 中的 CSP 策略是否有效
本文介绍如何检查和验证 HTML 中的 Content Security Policy (CSP) 策略是否有效,包括使用浏览器开发者工具、在线验证工具和常见问题排查方法。
|
7月前
|
安全 应用服务中间件 Go
如何在 HTML 中添加 CSP 策略
内容安全策略(CSP)是一种安全机制,用于防止跨站脚本攻击等安全问题。本文将介绍如何在 HTML 中添加 CSP 策略,以提高网站的安全性。
|
7月前
|
JavaScript 前端开发 Java
SpringBoot项目的html页面使用axios进行get post请求
SpringBoot项目的html页面使用axios进行get post请求
121 2
|
9月前
Twaver-HTML5基础学习(32)Network样式andTree样式
本文介绍了如何在Twaver-HTML5中自定义Network和Tree组件的样式,包括标签、提示、颜色、告警等。
76 2
Twaver-HTML5基础学习(32)Network样式andTree样式
|
7月前
|
JavaScript 前端开发 Java
SpringBoot项目的html页面使用axios进行get post请求
SpringBoot项目的html页面使用axios进行get post请求
98 0
|
9月前
|
JavaScript 前端开发 Java
SpringBoot项目的html页面使用axios进行get post请求
SpringBoot项目的html页面使用axios进行get post请求
138 6
|
7月前
|
前端开发
HTML 样式- CSS3
内部样式表适用于单个文件的特别样式,通过&lt;head&gt;部分的&lt;style&gt;标签定义;外部样式表适用于多个页面,通过&lt;link&gt;标签引用外部CSS文件;&lt;style&gt;定义样式,&lt;link&gt;引用资源;已弃用的标签有&lt;font&gt;、&lt;center&gt;、&lt;strike&gt;,属性有color和bgcolor。
HTML 样式- CSS2
HTML样式实例展示了如何使用`font-family`、`color`和`font-size`属性来定义字体样式,以及使用`text-align`属性来设置文本的对齐方式。示例包括标题和段落的样式设置。