js点击button按钮跳转到另⼀个新页⾯
点击按钮怎么跳转到另外⼀个页⾯呢?我们在⽹站制作中可能是需要的,因为有时我们需要做这样的效果,尤其是将按钮做成⼀个图⽚,⽽点击图⽚要跳转到新的页⾯时,怎么做到呢?
这样的效果可以:onclick="window.location='新页⾯'" 来实现。
1.在原来的窗体中直接跳转⽤
代码如下
window.location.href="你所要跳转的页⾯";
2、在新窗体中打开页⾯⽤:
代码如下
window.open('你所要跳转的页⾯');
window.history.back(-1);返回上⼀页
代码如下
如果要在点击按钮提交时验证输⼊款是否填⼊了内容,要怎么做呢?当⽤户名输⼊或者其它的为空的时候,点击按钮不提交,可以按下列的⽅法做。
代码如下
复制代码代码如下:
<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跳转页⾯参考代码
代码如下
第⼀种:
<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"
}
-->
alert怎么读</script>
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论