首页 > web前端 > js教程 > js怎么实现一个页面跳至新的页面?

js怎么实现一个页面跳至新的页面?

藏色散人
发布: 2018-08-15 11:24:56
原创
3410 人浏览过

本篇文章主要给大家介绍如何实现js页面跳转到新页面的相关问题。其实做js跳转一般是用在广告跳转和链接效果中。所以我们需要先了解下js页面跳转的本质概念是什么,也就是浏览器对象窗口location(url)的改变。

那么下面就是给大家总结几种js跳转到指定页面的方法。

1.在原来的窗体中直接跳转

<script type="text/javascript">
  window.location.href="你所要跳转的页面";
  </script>
登录后复制

2.在新的窗口中打开新页面

<script type="text/javascript">
  window.open(&#39;你所要跳转的页面&#39;);
  </script>
登录后复制

3.跳转指定页面

<script language="javascript" type="text/javascript">
  window.location.href="login.jsp?backurl="+window.location.href;
  </script>
登录后复制

4.跳转到指定的demo.html页面

<script language="JavaScript"> 
  self.location=’demo.html’; 
  </script>
登录后复制

5.加判断跳转

<script language="javascript"> 
alert("非法访问!"); 
top.location=&#39;xx.jsp&#39;; 
</script>
登录后复制

6.button按钮跳转页面

<button onclick="window.location.href=&#39;xxx.html&#39;">点击跳转</button>
登录后复制

以上就是关于js怎么跳转页面的相关方法总结,具有一定的参考价值,希望对有需要的朋友有所帮助。

注:Location 对象存储在 Window 对象的 Location 属性中,表示那个窗口中当前显示的文档的 Web 地址。它的 href 属性存放的是文档的完整 URL,其他属性则分别描述了 URL 的各个部分。这些属性与 Anchor 对象(或 Area 对象)的 URL 属性非常相似。当一个 Location 对象被转换成字符串,href 属性的值被返回。这意味着你可以使用表达式 location 来替代 location.href。


以上是js怎么实现一个页面跳至新的页面?的详细内容。更多信息请关注PHP中文网其他相关文章!

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板