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(//www.jb51.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跳转页面参考代码
代码如下
第一种:
<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>
您可能感兴趣的文章:
- PHP——0128练习相关2——js点击button按钮跳转到另一个新页面
- js点击button按钮跳转到另一个新页面
- js点击button按钮跳转到另一个新页面
- js点击button按钮跳转到另一个新页面
- js点击button按钮跳转到另一个新页面
- js点击button按钮跳转到页面代码
- js点击button按钮跳转到页面代码
- js点击button按钮跳转到页面代码
- js点击button按钮跳转到页面代码
- thinkPHP传数组到模板页面volist每一列加一个button,点击按钮携带参数传给JS函数,跳转到不同的方法
- js点击button跳转到另一个页面
- js点击button按钮跳转到页面代码
- js点击button按钮跳转到页面代码
- js 点击button跳转页面
- 点击一个按钮,弹出框出现几秒钟之后,跳转到另一个页面
- window里面点击一个button按钮实现页面跳转???
- 点击按钮跳转到另一个页面
- dropzone.js点击删除图片按钮后只执行action不跳转到新的jsp页面,也不刷新本页面
- js中 做一个button按钮,页面开始五秒钟之后才可进行点击,并且要求按钮上实时显示当前所剩秒数
- iOS 点击一个页面上的按钮跳转到tabBar的另一个页面