简单的后台布局, 运用a.target与iframe.name的配合 -

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>网站后台管理系统<small>V2.0</small></h1>
    <em>admin</em>
    <button>退出</button>
    <div>
        <a href="../0112/demo1.html" target="box">线路</a>
        <a href="../0113/demo1.html" target="box">酒店</a>
        <a href="../0114/demo1.html" target="box">租车</a>
        <a href="../0115/demo1.html" target="box">导游</a>
        <a href="../0116/demo1.html" target="box">游轮</a>
        <a href="../0117/demo1.html" target="box">定制</a>
    </div>
    <iframe src="" frameborder="0" name="box"></iframe>
</body>
</html>

a.target与iframe.name值一定要相同即可绑定