zoukankan      html  css  js  c++  java
  • 1.4.17 base标签

    如果我们定义的超链接在另一个窗口打开,代码如下:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
    </head>
    <body>
        <a href="http://www.baidu.com" target="_bank">跳转到百度</a>
        <a href="http://www.taobao.com" target="_bank">跳转到淘宝</a>
        
    </body>
    </html>

    在浏览器打开如下:

    然后点击任意一个链接就会在跳转到新的一个页面,比如我们点击第一个百度。

    就会在新窗口打开,但是假如我们有一百个超链接,每个超链接都填都加上target=“_blank”,是不是太麻烦了,这个时候有了一个base标签,可以帮我们解决这个麻烦。

    base标签

    base可以设置整体链接的打开状态,代码如下:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
        <base target="_bank">
    </head>
    <body>
        <a href="http://www.baidu.com" >跳转到百度</a>
        <a href="http://www.taobao.com" >跳转到淘宝</a>
        
    </body>
    </html>

    我们在请求头里面加上了<base target="_bank">,就可以在新窗口跳转页面中的所有连接了。还有一种情况有的谅解我就想在本页面打开,不想跳转,我们可以这样写代码如下:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Document</title>
        <base target="_bank">
    </head>
    <body>
        <a href="http://www.baidu.com" target="_self" >跳转到百度</a>
        <a href="http://www.taobao.com" >跳转到淘宝</a>
        
    </body>
    </html>

    只需要把想在本页面打开的超链接属性里面加上 target="_self" 就可以,这个超链接可以在当前自己的窗口打开。

  • 相关阅读:
    2013 蓝桥杯B组C++
    Kruskal 算法 && Kruskal 重构树
    并查集与其优化(启发式合并、压缩路径)
    【2021 首祭】一周晴天
    Docker以过时,看Containerd怎样一统天下
    史上最全的Nginx配置文档
    Windows环境Android studio运行RN项目,Node突然闪退
    solr docker 配置
    腾讯2017暑期实习生编程题详解
    华为2016研发工程师编程题详解
  • 原文地址:https://www.cnblogs.com/Chamberlain/p/11111521.html
Copyright © 2011-2022 走看看