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>

  • 相关阅读:
    成为高级 React 开发你需要知道的知识点
    Socket 连接问题之大量 TIME_WAIT
    x == (x = y) 不等于 (x = y) == x ?
    「工具」三分钟了解一款思维导图工具:XMind Zen
    Touch Bar 废物利用系列 | 在触控栏上显示 Dock 应用图标
    vim中delete(backspace)键不能向左删除
    Vue2.0学习(四)--组件的继承与扩展
    quasar+cordova+zbar实现Android扫描条形码
    PWA技术理论+实战全解析
    分页请求时,有新数据加入时,下一页会出现重复数据问题
  • 原文地址:https://www.cnblogs.com/qulb/p/5927575.html
Copyright © 2011-2022 走看看