打开新连接的方式

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

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>

 

posted @ 2016-10-02 15:32  六把刀  阅读(570)  评论(0编辑  收藏  举报