异步单页面多应用-0816

最新推荐文章于 2023-09-11 11:47:42 发布

曹渊说技术

最新推荐文章于 2023-09-11 11:47:42 发布

阅读量644

点赞数

分类专栏：异步单页面多应用文章标签：异步应用

本文链接：https://blog.csdn.net/caopeng26/article/details/52226243

版权

单页面多应用同时被 2 个专栏收录

2 篇文章 0 订阅

订阅专栏

异步

1 篇文章 0 订阅

订阅专栏

webapp.html

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <link rel="stylesheet" href="js/jquery.mobile-1.4.5.min.css">
    <script src="js/jquery-3.1.0.min"></script>
    <script src="js/jquery.mobile-1.4.5.min.js"></script>
    <link rel="stylesheet" type="text/css" href="">
    <title>Document</title>
</head>
<body>
    <div data-role="page" id="pageone">
        <div data-role="header"><h1>维哥的小店铺</h1></div>
        <div data-role="main" class="ui-content">

            <form action="" class="" method="post">

                <label for="">手机</label>
                <input type="text" name="tel" value="">

                <label for="iphone">密码</label>
                <input type="passowrd" name="pwd" value="">
                <a href="#" class="ui-btn ui-shadow">确定</a>
                <a href="#" class="ui-btn">登陆</a>
            </form>
        </div>
    <div data-role="footer" data-position="fixed">
        <div data-role="navbar">
        <ul>
            <li><a href="#pageone" data-role="home">维哥家</a></li>
            <li><a href="#pageone" data-role="bars">用户中心</a></li>
            <li><a href="#pageone" data-role="grid">维哥家</a></li>
        </ul>
        </div>
    </div>
    </div>


<div data-role="page" id="pagetwo">

    <div data-role="header">
        <h1>登录成功</h1>
        <a href="#pageone" data-role="button">logout</a>

        <div></div>
    </div>

    <div data-role="footer" data-position="fixed">
        <div data-role="navbar">
        <ul>
            <li><a href="#pageone" data-role="home">维哥家</a></li>
            <li><a href="#pageone" data-role="bars">维哥家</a></li>
            <li><a href="#pageone" data-role="grid">维哥家</a></li>
        </ul>
        </div>
    </div>
</div>
</body>
</html>

id.html

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<style>
    div{height: 1200px;}
    #a{background: #cc0000}
    #a{background: #ff0000}
    #a{background: #cccccc}
    #a{background: #cc0000}
</style>
<body>
        <div id="a">
            <a href="#a">aaaaaaaaaaaaa</a>
            <a href="#b">bbbbbbbbbbbbb</a>
            <a href="#c">ccccccccccccc</a>
            <a href="#d">ddddddddddddd</a>

        </div>
        <div id="b">
            <a href="#a">aaaaaaaaaaaaa</a>
            <a href="#b">bbbbbbbbbbbbb</a>
            <a href="#c">ccccccccccccc</a>
            <a href="#d">ddddddddddddd</a>

        </div>
        <div id="c">
            <a href="#a">aaaaaaaaaaaaa</a>
            <a href="#b">bbbbbbbbbbbbb</a>
            <a href="#c">ccccccccccccc</a>
            <a href="#d">ddddddddddddd</a>

        </div>
        <div id="d">
            <a href="#a">aaaaaaaaaaaaa</a>
            <a href="#b">bbbbbbbbbbbbb</a>
            <a href="#c">ccccccccccccc</a>
            <a href="#d">ddddddddddddd</a>

        </div>
</body>
</html>