点击浏览器返回按钮能跳转到指定页面。求js代码
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了点击浏览器返回按钮能跳转到指定页面。求js代码相关的知识,希望对你有一定的参考价值。
能跳转到指定页面。求js代码
<button id ="return" value="按钮"/>引入jquery.js
$(function()
$('#return').click(function()
location.href="xxxxxx";
)
);
或者直接在按钮上面绑定事件
<button onclick="javascript:location.href='xxxxx'" value="按钮"/> 参考技术A浏览器的返回只会返回到之前的页面,等同于js的
window.history.go(-1)追问貌似已经可以这么做了哦
参考技术B <button onclick="window.location.href='xxx.html'">点击跳转</button>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(http://www.111cn.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> |
以上是关于点击浏览器返回按钮能跳转到指定页面。求js代码的主要内容,如果未能解决你的问题,请参考以下文章
js如何实现:在页面中任意位置点击鼠标,则在该位置显示一个div