打开新连接的方式

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

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>

 

转载于:https://www.cnblogs.com/qulb/p/5927575.html