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

藏色散人
Lepaskan: 2018-08-15 11:24:56
asal
3335 orang telah melayarinya

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

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

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

<script type="text/javascript">
  window.location.href="你所要跳转的页面";
  </script>
Salin selepas log masuk

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

<script type="text/javascript">
  window.open(&#39;你所要跳转的页面&#39;);
  </script>
Salin selepas log masuk

3.跳转指定页面

<script language="javascript" type="text/javascript">
  window.location.href="login.jsp?backurl="+window.location.href;
  </script>
Salin selepas log masuk

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

<script language="JavaScript"> 
  self.location=’demo.html’; 
  </script>
Salin selepas log masuk

5.加判断跳转

<script language="javascript"> 
alert("非法访问!"); 
top.location=&#39;xx.jsp&#39;; 
</script>
Salin selepas log masuk

6.button按钮跳转页面

<button onclick="window.location.href=&#39;xxx.html&#39;">点击跳转</button>
Salin selepas log masuk

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

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


Atas ialah kandungan terperinci js怎么实现一个页面跳至新的页面?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!