`

html代码中<base target="_self">的用法和作用

    博客分类：
  • html
 
阅读更多

在网页中，经常碰到这种情况：点击某些链接，就会弹出新窗口，原来的页面部改变，而有些链接，就在原窗口上打开新的链接，原窗口没有了，被覆盖了。这个是为什么呢？怎么实现的呢?
         target=_blank,这个标签，就是解决这个问题的。<base target=_blank>是将基本链接的目标框架都改为新页打开，即弹出新窗口。<a>、<form>等很多标签都支持target="black"的属性，可以在这样的标签里单独做设置，比如：

<a href="xxx.htm" target="_blank">超链接内容</a>

<form action="xxx.htm" target="_blank">表达内容<input type="submit" value="提交按钮"></form>

如果不加这一句，默认均为本页刷新，即target="_self"。还有两个这样的标签，<target=_top>表示在整页窗口打开，<target=_parent>表示在父窗口打开。

<a href="http://www.bookboy.cn/"   target="_blank">单独定义，新窗口打开</a>
<a href="http://www.bookboy.cn/"   target="_self">单独定义，相同窗口打开</a>
<a href="http://www.bookboy.cn/"   target="_top">单独定义，整页窗口打开</a>
<a href="http://www.bookboy.cn/"   target="_parent">单独定义，父窗口打开</a>

     另外，这只是单独设置，如果有在某个页面上有很多的链接或者form表单，逐一的添加标签会很麻烦，有没有类似批处理的呢？

   这就要用到<base target=_xxx>   ，这是基本的HTML语言。用<base target=_××>来设置这个网页所有链接的目标窗口。也就是说，网页中只要添加<base target=_××>这句，那么所有的超链接就无须单独设置。最好将这句写在<head>和</head>之间。例如

<base target=_blank>表示网页中所有的超链接的目标地址都在新建窗口中打开。

<base target=_self>表示网页中所有的超链接的目标地址都在原窗口上打开。

       当然，这样的标签有时也会碰到麻烦。

1   不符合标准　

      当我们使用W3C过渡型标准时，即DOCTYPE(xh tml1-transitional. dtd)，没有问题，但是使用严格的标准时，即DOCTYPE(xhtml1-strict.dtd)，就会出错，错误提示：

"there is no attributetargetfor this element(in this HTML version)"

         原因是，外国人认为，不经过用户同意，就随便打开新窗口，是不礼貌的，不尊重用户的，可参看   http://bbs.chinahtml.com/showthread.php?t=53657

     那碰到这种情况时怎么办呢？

         HTML4.0增加了一个新属性：rel，这个属性用来说明链接和包含此链接页面的关系，以及链接打开的目标。rel有许多的属性值，比如next、previous,、chapter、section等等。我们要使用的就是rel="externa l"属性。原来这样写的代码：

<a href="document.html" target="_blank">打开一个新窗口</a>现在要写成这样：
<a href="document.html" rel="external">打开一个 新窗口</a>这是符合strict标准的方法。当然还必须配合一个javascript才有效。
javascript
完整的代码JS如下：
function externallinks() {
if (!document.getElementsByTagName) return;
var anchors = document.getElementsByTagName("a");
for (var i=0; i<anchors.length; i++) {
    var anchor = anchors[i];
   if (anchor.getAttribute("href") &&
        anchor.getAttribute("rel") == "external")
      anchor.target = "_blank";
}
}
window.onload = externallinks;
你可以把它保存成一个.js文件(比如external.js)，然后通过外部联接方法调用：
<script type="text/javascript" src="external.js"></script>
就是这样。
2    浏览器不支持
    有时，使用了上述标签，但是，任旧不见效果，比如使用了target=_blank,却不能弹出窗口，这是因为，有些浏览器被用户设置了，不让弹出窗口，当然这样设置是为了屏蔽广告，因此，这是就无法打开新窗口，知道了原因，解决就很简单了，在浏览器中设置一下就可以了。
3 衡水人才网03188.net首页<base target="_blank" />不起作用了，将它提前，放到了<title>下边，js前边就正常了，原来加载js是会影响到一些代码。

总结一下：在head中，js放最后。
 

分享到：
| Struts 1实现原理之我理解
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    基于客房管理系统代码 开发者 刘尧涛

    &lt;td width="27%"&gt;&lt;div align="center"&gt;&lt;strong&gt;&lt;font color=green&gt; 登入名&lt;/font&gt;&lt;font color=green&gt;:&lt;/font&gt;&lt;/strong&gt;&lt;/div&gt;&lt;/td&gt; &lt;td width="73%"&gt; &lt;input name="id" type="text" size="20" maxlength="20"&gt;&lt;a...

    Tunelab 软件

    &lt;base target="_blank"&gt; &lt;meta http-equiv="X-UA-Compatible" content="IE=7"&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=gb2312"&gt; &lt;meta name="ROBOTS" content="NOODP"&gt; &lt;meta name=...

    js 框架之一

    &lt;html&gt;&lt;br&gt; &lt;head&gt;&lt;br&gt; &lt;base href="&lt;%=basePath%&gt;"&gt;&lt;br&gt; &lt;br&gt; &lt;meta http-equiv="content-type" content="text/html;charset=UTF-8"/&gt; &lt;br&gt; &lt;br&gt; &lt;br&gt; &lt;meta http-equiv="pragma" content="no-cache"&gt;&lt;br&gt; &lt;meta ...

    JavaWeb实验报告.doc

    Java Web实验报告 Java Web Experiment Report 学生所在学院： 学院 学生所在班级： 学 生 姓 名 ： 学 号 ： 指 导 教 师 ： 月 一、客户端开发设计：系统设计 一、实验目的 掌握Html的语法和用法，能制作简单的...

    XML address实验

    &lt;restriction base="string"&gt; &lt;enumeration value="AK"/&gt; &lt;enumeration value="AL"/&gt; &lt;enumeration value="AR"/&gt; &lt;enumeration value="AZ"/&gt; &lt;enumeration value="CA"/&gt; &lt;enumeration value="CO"/&gt; ...

    Oracle9i AIX5L上的安装、建库与升级笔记

    Oracle9i AIX5L上的安装、建库与升级笔记&lt;br&gt;内容如下：&lt;br&gt;1、 用root用户完成下面的操 &lt;br&gt;&lt;br&gt;添加oracle用户和组： &lt;br&gt;&lt;br&gt; 你可以使用命令或smit 来完成，我一般都是只创建dba组。 &lt;br&gt;&lt;br&gt;创建相关目录，并...

    Universal Import Fixer (UIF) v1.0 (FINAL) by Magic_h2001

    &lt;br&gt;&lt;br&gt;Armadillo&lt;br&gt;ASProtect&lt;br&gt;Enigma&lt;br&gt;ExeCryptor&lt;br&gt;eXPressor&lt;br&gt;PeSpin&lt;br&gt;RlPack&lt;br&gt;TheMida&lt;br&gt;HyperUnpackMe1&lt;br&gt;&lt;br&gt;and any protector with Import Elimination, Directly Imports and Hashed ...

    免费仿爱奇艺官网影视网站模板html

    &lt;link href="css/base.css" rel="stylesheet"&gt; &lt;link href="css/index.css" rel="stylesheet"&gt; &lt;/head&gt; &lt;body&gt; &lt;div class="warp" id="banner"&gt; &lt;div class="layer"&gt;&lt;/div&gt; &lt;div class="header"&gt; &lt;div ...

    amcharts中文教程(柱状图，饼状图等的中文设置说明)

    &lt;settings&gt; &lt;data_type&gt;xml&lt;/data_type&gt; &lt;!-- [xml] (xml / csv) 数据类型xml/csv--&gt; &lt;csv_separator&gt;;&lt;/csv_separator&gt; &lt;!-- 如果使用csv作为数据的话，需要使用这个属性;表示文件数据分隔符,(平常以";...

    base target=””控制链接的目标打开框架

    是将基本链接的目标框架都改为新页打开，如果对HTML、CSS和JS不是很熟悉，不建议使用这种方法，改为独立控制。 其实&lt;a&gt;、&lt;form&gt;等很多标签都支持target="black"的属性，建议在这样的标签里单独做设置，比如：...

    javascript marquee

    &lt;base href=" &lt;a href="http://www.it365cn.com" target="_blank"&gt;http://www.it365cn.com &lt;/a&gt;"&gt; &lt;div id=demo style=overflow:hidden;height:120;width:500;background:#214984;color:#ffffff&gt; &lt;table align=...

    CSS3的步骤流程查看动画特效.zip

     &lt;div class='box_base'&gt;&lt;/div&gt;  &lt;div class='box_lid'&gt;&lt;/div&gt;  &lt;div class='box_ribbon'&gt;&lt;/div&gt;  &lt;div class='box_bow'&gt;  &lt;div class='box_bow__left'&gt;&lt;/div&gt;  &lt;div class='box_bow__right'&gt;&lt;/div&gt;  ...

    Oracle 主要配置文件介绍

    系统级的环境变量一般在/etc/profile 文件中定义 在 CAMS 系统 与数据库&lt;br&gt; 相关的环境变量就定义在/etc/profile 文件中 如下所示&lt;br&gt; export ORACLE_BASE=/u01/app/oracle&lt;br&gt; export ORACLE_HOME=$ORACLE_BASE/...

    HTML:超文本标题语言

    &lt;a href="链接" target="blank"&gt;文本或者图片&lt;/a&gt;在新的窗口打开链接 &lt;a href="#"&gt;文本或者图片&lt;/a&gt;暂时没有设置链接。 锚点链接&lt;a href="#id"&gt;标题&lt;/a&gt; 跳转到标题处（在一个页面上） &lt;p id=""&gt; 设置锚点链接的...

    my test just a test

    &lt;base:HLabel id="lblFlt" width="60" text="FLT" mandatory="true"/&gt; &lt;base:HInput id="flt_no" width="85" maxChars="7" tabIndex="6" restrict="[A-Z,0-9]" validator="{fltNoValidator}"/&gt; &lt;base:HText...

    extjs中文解决方案/Eclipse下的js和ext开发

    1. &lt;script type="text/javascript" src="&lt;%=contextPath%&gt;/public/js/ext-base.js"&gt;&lt;/script&gt; 2. &lt;script type="text/javascript" src="&lt;%=contextPath%&gt;/public/js/ext-all.js"&gt;&lt;/script&gt; 3. &lt;script type="text/...

    囧囧代码jsp代码jsp

    &lt;base href="&lt;%=basePath%&gt;"&gt; &lt;title&gt;My JSP 'text.jsp' starting page&lt;/title&gt; &lt;meta http-equiv="pragma" content="no-cache"&gt; &lt;meta http-equiv="cache-control" content="no-cache"&gt; &lt;meta ...

    ULT-C智能卡芯片开发软件，可读取芯片信息（中英版）

    &lt;data name="Name1"&gt;&lt;value&gt;this is my long string&lt;/value&gt;&lt;comment&gt;this is a comment&lt;/comment&gt;&lt;/data&gt; &lt;data name="Color1" type="System.Drawing.Color, System.Drawing"&gt;Blue&lt;/data&gt; &lt;data name="Bitmap1" ...

    雅虎TAB效果代码 Javascript实现

    --[if lte IE 6]&gt;&lt;/td&gt;&lt;/tr&gt;&lt;/table&gt;&lt;/a&gt;&lt;![endif]--&gt; &lt;/li&gt; &lt;/ul&gt; &lt;br class="clear" /&gt; &lt;ul&gt; &lt;li&gt;&lt;a href="#nogo" class="four outer"&gt;SEARCH&lt;!--[if IE 7]&gt;&lt;!--&gt;&lt;/a&gt;&lt;!--&lt;![endif]--&gt; &lt;!--[if lte IE 6]&gt;&lt;table&gt;...

    jsp代码jsp代码

    &lt;base href="&lt;%=basePath%&gt;"&gt; &lt;title&gt;My JSP 'text1.jsp' starting page&lt;/title&gt; &lt;meta http-equiv="pragma" content="no-cache"&gt; &lt;meta http-equiv="cache-control" content="no-cache"&gt; &lt;meta ...

Magicbox
Global site tag (gtag.js) - Google Analytics