关于jq将一个页面引入另一个页面，类似与组件化的解决方案

使用iframe标签，

<iframe id="tab-4" style="height: 80vh" name="tab-4" marginwidth=0 marginheight=0 width=100%  src="../commomFile/guarInfo.html" frameborder=0></iframe>

iframe在需要引入html文件的html文件中，

被引入的文件guarInfo.html，    guarInfo.js控制guarInfo.html的业务逻辑

需要引入文件的html文件对应的js文件仅控制对应的html文件  

代码详看湖北银行项目

原文地址：https://www.cnblogs.com/chenlongsheng/p/9800296.html

时间： 2024-10-09 15:40:37

关于jq将一个页面引入另一个页面，类似与组件化的解决方案的相关文章

【JS】测试：HTML页面引入另一个HTML页面，同名ID会冲突吗

今天被问到一个问题,就是当页面HTML页面引入了另外一个HTML页面,恰好2个页面具有相同的ID,那么需要用ID来处理一些行为的时候会发生冲突或者报错吗? 我用了iframe来引入另外一个HTML页面. 先准备好材料:1个HTML页面(含iframe标签,我命名为test.html),再加一个HTML页面(作为iframe页面的src源,这个页面我命名为iframe.html).两个页面的内容分别如下: test.html: <!DOCTYPE html> <html> <h

html页面引入另一个html页面

我们在使用代码编程一个网站的时候,通常情况下头部和尾部是相同的,如果一个网站的每个页面都把这些代码写一遍,不仅浪费时间,还显得重复代码很多,所以此时把重复的页面单独摘出来,在用到的时候从外部直接引进去,就能节省很多时间,减少很多代码. 在这里,有好几种引入html文件的方式,不过每种都是有利有弊,需要根据需要自行选择有大佬反馈解决了有些浏览器本地实现不了的问题:放到服务器上面!(感谢!!!) 注意:引入后主页面的Css样式不适用于被引入页面,比如在主页面设置 <style type="t

js和jq跳转到另一个页面或者在另一个窗口打开页面

$("#pic").click(function(){ location.href='newpage.html'; }); 上面的相当于<a href="newpage.html" target="_self"><img src="img.jpg" /></a> $("#pic").click(function(){ window.open('newpage.html')

[DRP]-index.jsp 页面到另一个页面 servlet如何配置

JSP页面 <%@ page language="java" import="java.util.*" pageEncoding="GB18030"%> <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+requ

通过超链接从一个页面向另外一个页面传数据

A.jsp <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd&quo

html在一个页面显示另一个页面的部分内容

老板今天让在网站上面显示实时监控画面,研究了一早,找了个简单的方法先把监控分享在网上(我使用的海康威视摄像头,分享到萤石直播http://square.ys7.com/square/index.jsp),然后在自己的网站上面截取视频部分就可以了. 下面是自己的代码: <body> <div align="center" style="margin:0 auto;"> <div style="width:800px;heigh

简单地构建从维基百科一个页面到另一个页面的爬虫

=============================================================================================== ===============================================================================================

html页面引入公共静态页面

1.h5新增的embed标签: <embed type="text/html" src="header.html" /> 原文地址:https://www.cnblogs.com/siyecao2010/p/8440047.html

如何在一个页面调用另一个页面

利用iframe <Iframe src="page1.html" width="250" height="200" scrolling="no" frameborder="0"></iframe> <div class="swiper-slide" style="background:#add;"> <Iframe src=