点击链接跳转,我们习惯直接用a的属性href就可以,但是有时候我们也需要用到Javascript去实现,如何写代码呢?
今天分享使用Javascript点击链接跳转页面与打开新窗口的一些方法。如下:
1.在原来的窗体中直接跳转用
代码如下:
window.location.href="你所要跳转的页面";
2、在新窗体中打开页面用:
代码如下:
window.open('你所要跳转的页面'); window.history.back(-1); //返回上一页
代码如下:
<input type="submit" name="Submit" value="同意" onclick=window.open('http://www.jiangweishan.com')>
如果要在点击按钮提交时验证输入款是否填入了内容,要怎么做呢?当用户名输入或者其它的为空的时候,点击按钮不提交,可以按下列的方法做。
代码如下:
<input type="submit" name="submit" onclick="open()"> <script type="text/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>
这样的话,当空值时,点击按钮还是不会跳转到另外的页面呢?这样就达到了效果了。
跳转 - 拓展
代码如下:
第一种:
<script type="text/javascript"> window.location.href="login.jsp?backurl="+window.location.href; </script>
第二种:
<script type="text/javascript"> alert("返回"); window.history.back(-1); </script>
第三种:
<script type="text/javascript"> window.navigate("top.jsp"); </script>
第四种:
<script type="text/javascript"> self.location='top.htm'; </script>
第五种:
<script type="text/javascript"> alert("非法访问!"); top.location='xx.jsp'; </script>
试试吧。
网友评论文明上网理性发言 已有0人参与
发表评论: