html头部底部如何加载
来源:互联网 发布:数据分析就业 编辑:程序博客网 时间:2024/06/09 16:13
html头部底部如何加载
我们可以尝试iframe无边框 (但是这种方法很笨 并不建议)
<iframe style="min-width:1200px" hspeace= "0" vspace= "0" runat="server" src="foot.html" width="100%" height="90" frameborder="no" border="0"marginwidth="0" marginheight="0" scrolling="no"allowtransparency="yes"></iframe>
对前端来说最好的方法就是使用jQuery的load函数
/*导入头部和尾部*/$(document).ready(function(){ $(".footer").load("page/footer.html");});
但是注意,此时的footer.html不需要是完整的HTML,这包含标签内容即可
<!--footer.html页面--><footer> <ul class="g-flex"> <li class="g-flex-auto"><a href="#" class="i-b">首页</a></li> <li class="g-flex-auto"><a href="#" class="i-b">分类</a></li> <li class="g-flex-auto"><a href="#" class="i-b">订单</a></li> <li class="g-flex-auto"><a href="#" class="i-b">我的</a></li> </ul></footer>
如果子页面绑定了Click事件 可能load加载之后会失效 那我们需要这样写
$(".closeBar").on("click",function(){ alert("*****"); $("#PublicConfigLogoNavTreeOne").css({ "left": "-100%"}); });
或者load的时候 绑定 加载页面最外面的DIV
$(document).ready(function(){ $("#PublicConfigLogoNavTreeOne").load("leftnav.html #DIV");});
阅读全文
1 0
- html头部底部如何加载
- html 如何引入一个公共的头部和底部
- ReCyclerView添加头部和底部加载
- html 引入公共的头部和底部
- 如何将头部html和尾部html转换为js,并加载到每个页面中
- html 如何引入一个公共的头部和底部(不使用模版引擎如jsp、freemarker、velocity的方式)
- 利用jQuery实现加载公共头部和底部
- 网页共用头部或共用底部该如何编写代码?
- 网页共用头部或共用底部该如何编写代码?
- 网页共用头部或共用底部该如何编写代码
- jqmobi如何隐藏头部底部 Hide Footer Menu
- ListView如何添加头部 底部 HeaderView+及各类问题
- 网页共用头部或共用底部该如何编写代码
- html头部
- html头部
- Html头部
- HTML头部
- HTML 头部
- [Leetcode 126] Word Ladder II
- C# 项目没有.sln文件的解决办法:
- Storm与Spark:谁才是我们的实时处理利器
- java正则获取html的图片连接
- C++中的static关键字
- html头部底部如何加载
- POJ 2790 Consecutive ones 笔记
- 624.Maximum Distance in Arrays --找数组中的最大差值
- Android事件分发机制
- Java动态加载配置文件
- 指针与引用
- verilog入门知识【2】
- 三种Android图片压缩方法 压缩到指定大小
- Python日期和时间