Jquery load()方法 实现公用头部 尾部
2015-08-12 20:59
671 查看
//这是header.html里的代码,想作为头部引进来
在header.js里边这样写
在在想要引用的文件中找到想引用的部分即可
<div id="loginBox"> <span></span> <div> <div> <img src="common/images/login.jpg" alt="login"/> </div> <div> </div> <div> <label for=""> <span>姓名:</span> <input id="username" type="text" placeholder="input your name"/> </label> </div> <div> <label for=""> <span>密码:</span> <input id="password" type="password" placeholder="input your password"/> </label> </div> <div> <b> <button type="submit" id="loginsub" class="btn btn-success" >登陆</button> <button type="reset" id="loginset" class="btn btn-danger">重置</button> </b> </div> </div> </div>
在header.js里边这样写
$("#header").load('common/html/header.html', function (data, status, xhr) {})
在在想要引用的文件中找到想引用的部分即可
<html lang="en"> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="../common/css/header.css"/> <link rel="stylesheet" href="../common/css/footer.css"/> <link rel="stylesheet" href="../tool/bootstrap/dist/css/bootstrap.css"/> <link rel="stylesheet" href="css/management.css"/> <title>Hisense</title> </head> <body> <div id="header"></div>
相关文章推荐
- Jquery -- ajax使用 和 json处理
- 很容易学习的JQuery库 : (一) 简介
- Jquery -- 事件处理
- jQuery Validation remote的缓存请求
- jQuery CSS 操作 - offset() 方法
- jQuery 效果 - fadeIn() 方法
- JavaScript的jQuery库插件的简要开发指南
- 杂记b---jquery.siblings(),HTML页时间戳转化为正常的时间显示,ng-click事件的写法
- jquery分页展示控件:kkpager
- 基于jQuery实现动态数字展示效果
- jquery,attr,prop,checkbox标签已有checked=checked但是不显示勾选
- jquery Deferred 数组
- jquery easyui datagrid/table 右边线显示不全
- jQuery全屏滚动插件fullPage.js中文帮助
- jquery自定义类的封装
- 使用jquery.validate.js插件进行表单里控件的验证
- jquery autocomplete
- jquery中get传输方法实现读取xml文件
- jQuery中$.ajax()和$.getJson()同步处理详解
- jQuery实现的瀑布流效果, 向下滚动即时加载内容