js点击button按钮跳转到另一个新页面
投稿：whsnow 字体：[增加 减小] 类型：转载 时间：-10-10 我要评论
点击按钮怎么跳转到另外一个页面呢？点击图片要跳转到新的页面时，怎么做到呢？可以使用οnclick=window.location=新页面来实现
点击按钮怎么跳转到另外一个页面呢？我们在网站制作中可能是需要的，因为有时我们需要做这样的效果，尤其是将按钮做成一个图片，而点击图片要跳转到新的页面时，怎么做到呢？
这样的效果可以：οnclick="window.location='新页面'" 来实现。
1.在原来的窗体中直接跳转用
代码如下
window.location.href="你所要跳转的页面";
2、在新窗体中打开页面用：
代码如下
window.open('你所要跳转的页面');
window.history.back(-1);返回上一页
代码如下
<input type="submit" name="Submit" value="同意" οnclick=window.open(/)>
如果要在点击按钮提交时验证输入款是否填入了内容，要怎么做呢？当用户名输入或者其它的为空的时候，点击按钮不提交，可以按下列的方法做。
代码如下
<input type="submit" name="submit" οnclick="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按钮跳转到另一个新页面》对你有帮助，请点赞、收藏，并留下你的观点哦！
