点击按钮怎么跳转到另外一个页面呢?点击图片要跳转到新的页面时,怎么做到呢?可以使用onclick=window.location=新页面来实现+

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

这样的效果可以: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.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>

更多相关文章

  1. 我可以禁用“后退”按钮浏览器功能吗?
  2. 当页面上有多个按钮时,按钮样式在页面加载上有厚的边框
  3. 调用另一个html页面后,选择列表值不会保持不变
  4. JavaScript实际应用:父子页面交互
  5. 如何禁用IE和Firefox中的后退按钮? [重复]
  6. 使用Jquery Ajax更改按钮的颜色(从外部PHP文件接收颜色)
  7. 执行javascript作为coldfusion页面加载
  8. 在单选按钮上选中/取消选中,加载/隐藏部分视图
  9. 如何在页面上获得带有javascript的特定单词的链接

随机推荐

  1. go语言值传递介绍
  2. golang如何实现协程?
  3. Golang 能做前端吗?
  4. Golang 可以把包名去掉吗?
  5. golang如何学习?
  6. golang需要什么基础?
  7. 分享十个优秀的 Go 类库
  8. go语言中自定义包的方法
  9. golang为什么那么火?
  10. Gin 中实现 HTTP Basic Auth