Jquery load()方法实现公用头部尾部

来源：互联网发布：上海爱回收java 编辑：程序博客网时间：2024/05/21 10:31

//这是header.html里的代码，想作为头部引进来

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

0 0

Jquery load()方法 实现公用头部 尾部

Jquery load()方法实现公用头部尾部