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

目录
相关文章
|
19天前
|
前端开发 测试技术 定位技术
如何利用HTML和CSS构建企业级网站的全过程。从项目概述到页面结构设计,再到HTML结构搭建与CSS样式设计,最后实现具体页面并进行优化提升,全面覆盖了网站开发的关键步骤
本文深入介绍了如何利用HTML和CSS构建企业级网站的全过程。从项目概述到页面结构设计,再到HTML结构搭建与CSS样式设计,最后实现具体页面并进行优化提升,全面覆盖了网站开发的关键步骤。通过实例展示了主页、关于我们、产品展示、新闻动态及联系我们等页面的设计与实现,强调了合理布局、美观设计及用户体验的重要性。旨在为企业打造一个既专业又具吸引力的线上平台。
38 7
|
1月前
|
安全 前端开发 JavaScript
如何检查和验证 HTML 中的 CSP 策略是否有效
本文介绍如何检查和验证 HTML 中的 Content Security Policy (CSP) 策略是否有效,包括使用浏览器开发者工具、在线验证工具和常见问题排查方法。
|
1月前
|
安全 应用服务中间件 Go
如何在 HTML 中添加 CSP 策略
内容安全策略(CSP)是一种安全机制,用于防止跨站脚本攻击等安全问题。本文将介绍如何在 HTML 中添加 CSP 策略,以提高网站的安全性。
|
1月前
|
JavaScript 前端开发 Java
SpringBoot项目的html页面使用axios进行get post请求
SpringBoot项目的html页面使用axios进行get post请求
48 2
|
25天前
|
JavaScript 前端开发 Java
SpringBoot项目的html页面使用axios进行get post请求
SpringBoot项目的html页面使用axios进行get post请求
35 0
|
3月前
Twaver-HTML5基础学习(32)Network样式andTree样式
本文介绍了如何在Twaver-HTML5中自定义Network和Tree组件的样式,包括标签、提示、颜色、告警等。
43 2
Twaver-HTML5基础学习(32)Network样式andTree样式
|
1月前
|
前端开发
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`属性来设置文本的对齐方式。示例包括标题和段落的样式设置。
|
1月前
|
前端开发
HTML 样式- CSS1
CSS (层叠样式表) 用于为 HTML 元素添加样式,包括颜色、文本、盒子模型等。CSS 可以通过内联样式、内部样式表或外部引用的方式添加到 HTML 中。推荐使用外部引用方式。本教程将介绍如何使用 CSS 为 HTML 添加样式,并提供实例演示。
|
3月前
|
JavaScript 前端开发 Java
SpringBoot项目的html页面使用axios进行get post请求
SpringBoot项目的html页面使用axios进行get post请求
52 6