• 打开新链接方式总结


    打开窗口(新链接): 4种

      1. 在当前窗口打开, 可以后退

        html: <a href="url" target="_self">

          js: /*window.*/open("url","_self")

      2. 在当前窗口打开, 禁止后退

          js: location.replace("新url")

      3. 在新窗口打开,可打开多个

        html: <a href="url" target="_blank">

          js: open("url","_blank")

      4. 在新窗口打开,只能打开一个

        html: <a href="url" target="自定义窗口名">

          js: open("url","自定义窗口名")

       原理: 每个窗口都有一个隐藏的name属性

            在打开窗口时,通过target指定的

         浏览器规定: 相同name属性的窗口只能打开一个

                     后打开的会替换先打开的

           如果:

            _self: 自动获得当前窗口的name,用于新窗口

                    结果: 新窗口,替换当前窗口

            _blank: 不指定窗口名,浏览器会随机分配窗口名

     关闭: /*window.*/close();

    实例

     1 <!DOCTYPE html>
     2 <html>
     3     <head>
     4         <meta charset="utf-8"/>
     5         <title>打开新链接方式总结</title>
     6         <script>
     7             /*打开新链接方式总结:
     8 1. 在当前窗口打开,可后退
     9 2. 在当前窗口打开,不可后退
    10 3. 在新窗口打开,可打开多个
    11 4. 在新窗口打开,只能打开一个
    12 */
    13             function open1(){
    14                 open("http://www.baidu.com","_self");
    15             }
    16             function open2(){
    17                 location.replace("http://www.baidu.com");
    18             }
    19             function open3(){
    20                 open("http://www.baidu.com","_blank");
    21             }
    22             function open4(){
    23                 open("http://www.baidu.com","tmooc");
    24             }
    25         </script>
    26     </head>
    27     <body>
    28         <a href="http://www.baidu.com" target="_self">在当前窗口打开,可后退</a><br>
    29         <a href="javascript:open1()">在当前窗口打开,可后退(js)</a><br>
    30         <hr>
    31         <a href="javascript:open2()">在当前窗口打开,禁止后退(js)</a><br>
    32         <hr>
    33         <a href="http://www.baidu.com" target="_blank">在新窗口打开,可打开多个</a><br>
    34         <a href="javascript:open3()">在新窗口打开,可打开多个(js)</a><br>
    35         <hr>
    36         <a href="http://www.baidu.com" target="tmooc">在新窗口打开,只能打开一个</a><br>
    37         <a href="javascript:open4()">在新窗口打开,只能打开一个(js)</a><br>
    38         <hr>
    39     </body>
    40 </html>
    View Code
  • 相关阅读:
    python之路(三)-深浅拷贝
    Python之路(一)-python简介
    Web端裁剪图片方法
    如何将github上源代码导入eclipse中
    转 GitHub上史上最全的Android开源项目分类汇总
    转 GitHub上最火的40个Android开源项目(二)
    转 GitHub上最火的40个Android开源项目(一)
    转 GitHub上最火的74个Android开源项目(三)
    CSS实现文本溢出的部分用省略号代替的方法
    时尚且健壮: 实现更优秀的CSS
  • 原文地址:https://www.cnblogs.com/shuen/p/9050021.html
Copyright © 2020-2023  润新知