zoukankan      html  css  js  c++  java
  • 打开新连接的方式

    打开新连接的方式有四种:

    1.在当前页打开,可前进后退:

        HTML:<a href="http://www.baidu.com">在当前窗口打开,可后退</a>

        js:  window.open("href","target");  

             一:Javascript中创建一个函数

                  function openUrl(){

                //在当前浏览器中打开target=_self

                    window.open("www.baidu.com","_self");

                  }

       二:在body中写一个标签a

                  <a href="javascript:openUrl()">在当前窗口打开,可后退</a>

    2.在当前页打开,不可后退:

      history:记录当前窗口本次打开后成功访问过的URL的历史纪录栈

      history.go(-1):相当于点击一次后退按钮

      history.go(0):相当于点击一次刷新按钮

      history.go(1):相当于点击一次前进按钮

      location:当前窗口正在打开的url对象(地址栏)

      Location.replace("www.baidu.com");

        js:

             一:Javascript中创建一个函数

                  function openUrl(){

                //在当前浏览器中打开target=_self

                    window.replace("www.baidu.com");

                  }

       二:在body中写一个标签a

                  <a href="javascript:openUrl()">在当前页打开,不可后退</a>

    3.在新窗口打开,可重复打开

      HTML:<a href="http://www.baidu.com" target="_blank">在当前窗口打开,可重复打开</a>

      js:

             一:Javascript中创建一个函数

                  function openUrl(){

                //在当前浏览器中打开target=_self

                    window.open("www.baidu.com","_blank");

                  }

       二:在body中写一个标签a

                  <a href="javascript:openUrl()">在当前窗口打开,可后退</a>

    4在新窗口打开,不可重复打开

          在内存中,窗口有一个唯一的Name

      浏览器规定:同名窗口,只能打开一个,后开的会覆盖新窗口

      其实target后面的属性值就是窗口名,可自定义窗口名,显示在内存中

      HTML:<a href="http://www.baidu.com" target="baidu">在新窗口打开,不可重复打开</a>

      js:

       一:Javascript中创建一个函数

                  function openUrl(){

                //在当前浏览器中打开target=_self

                    window.open("www.baidu.com","baidu");

                  }

       二:在body中写一个标签a

                  <a href="javascript:openUrl()">在当前窗口打开,可后退</a>

  • 相关阅读:
    【36氪收录】观「招商银行」隐私计算布局的思考
    如何用cmake编译
    docker | Ubuntu16.04安装与卸载docker
    通过删除注册表重新获得软件试用期
    k8s | 重启Kubernetes Pod的几种方式
    2021年终总结(一)
    凡是过往、皆为序章20210917PPT分享
    多厂商容器平台开发系统性总结
    VS2022安装.NetFramework4.0目标包的方法
    C# Winform窗体继承过程中,TableLayoutPanel是不支持继承的
  • 原文地址:https://www.cnblogs.com/qulb/p/5927575.html
Copyright © 2011-2022 走看看