Javascript：分享点击链接跳转页面与打开新窗口的一些方法 - Web前端

点击链接跳转，我们习惯直接用a的属性href就可以，但是有时候我们也需要用到Javascript去实现，如何写代码呢？

今天分享使用Javascript点击链接跳转页面与打开新窗口的一些方法。如下：

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

代码如下：

window.location.href="你所要跳转的页面";

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

代码如下：

window.open('你所要跳转的页面');
window.history.back(-1);  //返回上一页

代码如下:

<input type="submit" name="Submit" value="同意" onclick=window.open('http://www.jiangweishan.com')>

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

代码如下：

<input type="submit" name="submit" onclick="open()">

<script type="text/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>

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

跳转 - 拓展

代码如下：

第一种：

<script type="text/JavaScript">
window.location.href="login.JSp?backurl="+window.location.href;
</script>

第二种：

<script type="text/Javascript">
alert("返回");
window.history.back(-1);
</script>

第三种：

<script type="text/javascript">
window.navigate("top.jsp");
</script>

第四种：

<script type="text/javascript">
self.location='top.htm';
</script>

第五种：

<script type="text/Javascript">
alert("非法访问！");
top.location='xx.jsp';
</script>

试试吧。

标签：跳转新窗口页面链接方法Web