论div,button,input点击跳转页面不同window.open()

最新推荐文章于 2023-11-20 02:27:01 发布

原创最新推荐文章于 2023-11-20 02:27:01 发布 · 2.3k 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了一个简单的网页登录界面实现方法，并演示了不同类型的登录按钮如何通过JavaScript调用window.open方法来打开新的页面。文章重点展示了三种登录按钮的具体实现方式及它们之间的区别。

<html>
<head>
    <script src="../../lib/jquery-2.1.1.min.js"></script>
    <script>
  $(function() {
        $("#denglu").click(function() {
          //  window.open("../index.html", "_self");
            window.open("www.baidu.com", "_self");
        });
    });


    function open_win() {
        window.open("http://www.runoob.com/try/try.php?filename=tryjs_openwindow", "_self");

    }
    </script>
    </head>
<body>
    <div class="login_box">
        <div class="login">
            <form>
                <div class="phone">
                    <p>手机号</p>
                    <input class="inputt" id="username" />
                </div>
                <div class="mima">
                    <p>密码</p>
                    <input class="inputt" id="pwd" />
                </div>
                <div class="login_button" id="denglu1">登录1</div>
                <button class="login_button" id="denglu2">登录2</button>
                <input type="button" class="login_button" id="denglu" value="登录3" onclick="open_win()">

            </form>
        </div>
    </div>

</body>