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>

  • 相关阅读:
    编辑文章
    POJ_1195 Mobile phones 【二维树状数组】
    WCF探索之旅(三)——IIS公布WCF服务
    doT.js具体使用介绍
    数据结构:最小生成树--Kruskal算法
    关于打开sdk下载不了的最优秀解决方式
    JS 之 数据类型转换
    MongoDB学习笔记&lt;六&gt;
    Spring、Hibernate 数据不能插入到数据库问题解决
    Cocos2d-x 3.0final 终结者系列教程16-《微信飞机大战》实现
  • 原文地址:https://www.cnblogs.com/qulb/p/5927575.html
Copyright © 2011-2022 走看看