Javascript - 页面重定向

首页 / JavaScript入门教程 / Javascript - 页面重定向

您可能会遇到以下情况:单击URL到达页面X,但在内部将您定向到另一个页面Y,这可以通过页面重定向实现。

在客户端使用JavaScript进行页面重定向非常简单,要将您的网站访问者重定向到新页面,只需增加 window.location 进行跳转。

<html>
   <head>
      <script type="text/javascript">
         <!--
            function Redirect() {
               window.location="https://www.learnfk.com";
            }
         //-->
      </script>
   </head>
   
   <body>
      <p>Click the following button, you will be redirected to home page.</p>
      
      <form>
         <input type="button" value="Redirect Me" onclick="Redirect();" />
      </form>
      
   </body>
</html>

您可以在将网站访问者重定向到新页面之前向其显示适当的消息,这将需要一点时间延迟才能加载新页面,以下示例显示了如何实现相同的函数。这里 setTimeout()是内置的JavaScript函数,可用于在给定的时间间隔后执行另一个函数。

<html>
   <head>
      <script type="text/javascript">
         <!--
            function Redirect() {
               window.location="https://www.learnfk.com";
            }            
            document.write("You will be redirected to main page in 10 sec.");
            setTimeout('Redirect()', 10000);
         //-->
      </script>
   </head>
   
   <body>
   </body>
</html>
You will be redirected to learnfk.com main page in 10 seconds!

以下示例显示了如何根据访问者的浏览器将网站访问者重定向到其他页面。

无涯教程网

链接:https://www.learnfk.comhttps://www.learnfk.com/javascript/javascript-page-redirect.html

来源:LearnFk无涯教程网

<html>
   <head>     
      <script type="text/javascript">
         <!--
            var browsername=navigator.appName;
            if( browsername == "Netscape" ) {
               window.location="http://www.location.com/ns.htm";
            } else if ( browsername =="Microsoft Internet Explorer") {
               window.location="http://www.location.com/ie.htm";
            } else {
               window.location="http://www.location.com/other.htm";
            }
         //-->
      </script>      
   </head>
   
   <body>
   </body>
</html>

这一章《Javascript - 页面重定向》你学到了什么?在下面做个笔记吧!做站不易,你的分享是对我们最大的支持

好记忆不如烂笔头。留下你的足迹吧 :)

猜你喜欢

SRE实战手册 -〔赵成〕

深度学习推荐系统实战 -〔王喆〕

超级访谈:对话汤峥嵘 -〔汤峥嵘〕

遗留系统现代化实战 -〔姚琪琳〕

无法从 React 表格​​行中的按钮触发 Modal

Javascript:如何与 PDF 表单中的子字符串进行比较?

事件监听器的使用

在将其余 (...theArgs) 参数传递给函数之前对其进行解包

将来自另一个域的 iframe 视频静音/取消静音

如何在 Javascript 中创建无限轮播?

视频教程

JavaScript - 13-作用域链 更多视频教程 »