• 技术文章 >web前端 >js教程

    javascript怎么实现页面跳转

    青灯夜游青灯夜游2021-04-08 12:54:22原创64

    js页面跳转方法:1、使用“location.href="URL"”;2、使用“location.replace("URL")”;3、使用“location.assign("URL")”;4、使用“window.open("URL")”。

    本教程操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

    javascript实现页面跳转的方法:

    1、使用location.href属性跳转到其他网页

    语法:

    location.href="URL";

    示例:

    <!DOCTYPE html>
    <html>
        <head>
    		<meta charset="UTF-8">
        </head> 
        <body> 
          <p>这是<i>location.href</i>方式的示例</p> 
          <button onclick="myFunc()">点击这里</button> 
            
          <!--重定向到其他网页的脚本-->   
          <script> 
             function myFunc() { 
               window.location.href="https://www.php.cn"; 
             } 
          </script> 
       </body> 
    </html>

    2、使用location.replace()方法跳转到其他网页

    语法:

    location.replace("URL");

    示例:

    <!DOCTYPE html>
    <html>
        <head>
    		<meta charset="UTF-8">
        </head> 
        <body> 
          <p>这是<i>location.replace()</i>方式的示例</p> 
          <button onclick="myFunc()">点击这里</button> 
            
          <!--重定向到其他网页的脚本-->   
          <script> 
             function myFunc() { 
              location.replace("https://www.php.cn"); 
             } 
          </script> 
       </body> 
    </html>

    【推荐学习:javascript高级教程

    3、使用location.assign()方法跳转到其他网页

    语法:

    location.assign("URL")

    示例:

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
        </head> 
        <body> 
          <p>这是<i>location.assign()</i>方式的示例</p> 
          <button onclick="myFunc()">点击这里</button> 
            
          <!--重定向到其他网页的脚本-->   
          <script> 
             function myFunc() { 
              location.assign("https://www.php.cn"); 
             } 
          </script> 
       </body> 
    </html>

    4、使用window.open()方法跳转到其他网页

    语法:

    window.open("URL");

    示例:

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
        </head> 
        <body> 
          <p>这是<i>window.open()</i>方式的示例</p> 
          <button onclick="myFunc()">点击这里</button> 
            
          <!--重定向到其他网页的脚本-->   
          <script> 
             function myFunc() { 
              window.open("https://www.php.cn"); 
             } 
          </script> 
       </body> 
    </html>

    更多编程相关知识,请访问:编程视频!!

    以上就是javascript怎么实现页面跳转的详细内容,更多请关注php中文网其它相关文章!

    本文原创发布php中文网,转载请注明出处,感谢您的尊重!
    专题推荐:javascript 页面跳转
    上一篇:如何在JS中改变DOM元素的文本内容 下一篇:javascript如何把时间戳转换为普通日期格式
    第15期线上培训班

    相关文章推荐

    • javascript如何判断字符串中是否包含某个字符串• JavaScript双斜杆代表啥• javascript用什么存储数据• javascript事件委托是什么• javascript怎么判断是否数字

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网