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" 就可以,这个超链接可以在当前自己的窗口打开。

  • 相关阅读:
    C#学习三之几个关键字Static,ref&out,get&set,readonly
    C#学习二之浅析var类型和enum枚举类型
    C#学习一之HelloWorld
    泛型(二)
    泛型(一)
    JavaScript 使用
    JavaScript
    C# 自定义控件制作和使用实例(winform)
    ThinkPHP 参数绑定原理
    处理jQuery append加入的元素 绑定事件无效的方法
  • 原文地址:https://www.cnblogs.com/Chamberlain/p/11111521.html
Copyright © 2011-2022 走看看