• js点击button按钮跳转到页面代码


    点击按钮怎么跳转到另外一个页面呢?我们在网站制作中可能是需要的,因为有时我们需要做这样的效果,尤其是将按钮做成一个图片,而点击图片要跳转到新的页面时,怎么做到呢?

    这样的效果可以:onclick="window.location=’新页面’" 来实现。

    1.在原来的窗体中直接跳转用

    代码如下 复制代码
    window.location.href="你所要跳转的页面";

    2、在新窗体中打开页面用:

    代码如下 复制代码
    window.open('你所要跳转的页面');

    window.history.back(-1);返回上一页


    代码是:

    代码如下 复制代码
    <input type="submit" name="Submit" value="同意" onclick=window.open(http://www.111cn.net/)>

    如果要在点击按钮提交时验证输入款是否填入了内容,要怎么做呢?当用户名输入或者其它的为空的时候,点击按钮不提交,可以按下列的方法做。

    代码如下 复制代码
    <input type="submit" name="submit" onclick="open()">

    <script language=javascript>
    fuction open(){

    if(!document.form_name.username.value) {

    alert("请输入用户名!"); document.form_name.username.focus(); return false;

    }else document.form_name.action="aaa.htm";

    }
    </script>

    这样的话,当空值时,点击按钮还是不会跳转到另外的页面呢?这样就达到了效果了。


    JS跳转页面参考代码

    代码如下 复制代码
    第一种:
    (www.111cn.net)<script language="javascript" type="text/javascript">
    window.location.href="login.jsp?backurl="+window.location.href;
    </script>
    第二种:
    <script language="javascript">
    alert("返回");
    window.history.back(-1);
    </script>
    第三种:
    <script language="javascript">
    window.navigate("top.jsp");
    </script>
    第四种:
    <script language="JavaScript">
    self.location=’top.htm’;
    </script>
    第五种:
    <script language="javascript">
    alert("非法访问!");
    top.location=’xx.jsp’;
    </script>

    =====javascript中弹出选择框跳转到其他页面=====
    <script language="javascript">
    <!--
    function logout()...{
    if (confirm("你确定要注销身份吗?是-选择确定,否-选择取消"))...{
    window.location.href="logout.asp?act=logout"
    }
    }
    -->
    </script>

    =====javascript中弹出提示框跳转到其他页面=====
    <script language="javascript">
    <!--
    function logout()...{
    alert("你确定要注销身份吗?");
    window.location.href="logout.asp?act=logout"
    }
    -->
    </script>

    from:http://www.111cn.net/wy/js-ajax/48824.htm

  • 相关阅读:
    C库函数笔记
    曼彻斯特及差分曼彻斯特编码
    VS2008 由于应用程序配置不正确,应用程序未能启动。重新安装应用程序可能会纠正这个问题。
    刚子扯谈:酒装狗熊胆
    poj1410
    新游戏《真·方块无双》发布-穿越混世过险境,运筹方块化无双
    hdu4267 A Simple Problem with Integers
    【转载】变量的存储类型
    【转载】硬盘存储原理和内部结构
    【转载】让windows使用linux系统的命令
  • 原文地址:https://www.cnblogs.com/alibai/p/3991505.html
Copyright © 2020-2023  润新知