关于a标签的target属性

时间:2022-02-09 09:23:26
超级链接a的target属性已经是不被新规范支持了,其值有四个保留字:
1._blank     
<a href="document.html"
target="_blank">my
document</a> 
  
     
     
 
 浏览器会另开一个新窗口显示document.html文档   
2._parent    
<a href="document.html"
target="_parent">my
document</a>      
  
     
     
 
 指向父frameset文档   
3._self    
  <a href="document.html"
target="_self">my
document</a>           
  
     
     
 
 把文档调入当前页框  
4._top    
   <a
href="document.html" target="_top">my
document</a>          
  
     
     
 
 去掉所有页框并用document.html取代frameset文档   
 
小技巧1:使别人的页框不能引用你的网页,在文件头加:<base
target="_top">    
小技巧2:在当前页打开连接或做刷新,提交到当前页在文件头加:<base
target="_self">
  
 target的去留存有争议,主张留的一方主要是考虑到target="_blank"的属性目前来讲还没有一个好的方式来解决,而主张去的一方则拿出了rel与JS的解决方案。
 
还有一个方法:当采用frameset框架的时候,target="frame_name",即可指定a的目标地址。
如:
左侧导航:
<li>
<div class="li-item"><em class="scm li-ico ic3"></em>基本资料管理<span class="scm arrow"></span></div>
<dl>
<dd>
<a href="comAdmin_basic.html" class="dd-item" target="main-iframe">基本资料管理<span class="scm dd-ar"></span></a>
</dd>
</dl>
</li>
右侧内容:(使用iframe承接)
 
<div class="ad-main-comment J_mainContent" id="ad-iframe">
<iframe name="main-iframe" width="100%" height="100%" src=" " frameborder="0" seamless></iframe>
</div>

效果如下:

关于a标签的target属性

 
另外的一些方法:
  
  使用JS的进行跳转页面的办法:
    
<script type="text/javascript">
    
    function
changePage(direction)
  
      {
    
     
 parent.brotherFrameName.location.href(direction);

}
    
</script>
    
然后<span
onclick="changePage("direction_page")">link_name</span>即可

  
 a与js的配合使用

  
 <a href="javascript:
methodName();">This is a
link</a>

关于a标签的target属性的更多相关文章

  1. HTML &lt&semi;a&gt&semi; 标签的 target 属性

    HTML <a> 标签的 target 属性 HTML <a> 标签 定义和用法 <a> 标签的 target 属性规定在何处打开链接文档. 如果在一个 <a ...

  2. 局部(或全局)设置&lt&semi;a&gt&semi;标签的target属性

            对于超链接<a>标签,target属性的设置是比较关键的,在不同的用户场景下选用适合的新页面载入方式,可以大大的提高访客的体验感.我们一般对target的设置可以挨个来,但 ...

  3. html——a标签中target属性

    有 4 个保留的目标名称用作特殊的文档重定向操作: _blank 浏览器总在一个新打开.未命名的窗口中载入目标文档. _self 这个目标的值对所有没有指定目标的 <a> 标签是默认目标, ...

  4. &lt&semi;a&gt&semi;标签的target 属性 全局作用

    局部(或全局)设置<a>标签的target属性           对于超链接<a>标签,target属性的设置是比较关键的,在不同的用户场景下选用适合的新页面载入方式,可以大 ...

  5. 512,a标签的target属性

    <a> 标签的 target 属性规定在何处打开链接文档. 1.“_blank”的意思: 浏览器总在一个新打开.未命名的窗口中载入目标文档. 2.“_parent”的意思: 这个目标,使得 ...

  6. a标签的target属性

    _blank 浏览器总在一个新打开.未命名的窗口中载入目标文档. _self 这个目标的值对所有没有指定目标的 <a> 标签是默认目标,它使得目标文档载入并显示在相同的框架或者窗口中作为源 ...

  7. html中的a标签的target属性的四个值的区别?

    target属性规定了在何处打开超链接的文档. 如果在一个 <a> 标签内包含一个 target 属性,浏览器将会载入和显示用这个标签的 href 属性命名的.名称与这个目标吻合的框架或者 ...

  8. 话说Form标签的target属性-----无刷新表单提交

    国庆前(2013)无聊,就在铁道部的12306上“逛”了下下. PS:原来之所以叫12306,是因为其客服号码是12306,好吧,我很无知…… 首先是被“逛”的页面:票价查询. 之所以去逛,是因为一直 ...

  9. HTML &lt&semi;base&gt&semi; 标签的 target 属性 —— &lt&semi;base target&equals;&quot&semi;&lowbar;blank&quot&semi; &sol;&gt&semi;

    为页面上所有链接规定默认目标: <head> <base target="_blank" /> </head> <body> &lt ...

随机推荐

  1. ASP&period;NET Web API 控制器创建过程&lpar;二&rpar;

    ASP.NET Web API 控制器创建过程(二) 前言 本来这篇随笔应该是在上周就该写出来发布的,由于身体跟不上节奏感冒发烧有心无力,这种天气感冒发烧生不如死,也真正的体会到了什么叫病来如山倒,病 ...

  2. 常用SVN命令

    SVN命令 svn co  svn://10.144.156.41/branches/webroot_2015_03_03_gift 表示check远程目录到当前目录下,co命令只能check目录,如 ...

  3. c&num;入门笔记(2)控件

    1.控件是可以从工具栏直接拖动到窗体,具有确定功能的函数.大部分控件属于control类的派生类.通用属性name(名称),location(具体的位置),top,left(位置) 2.form窗体类 ...

  4. 【freemaker】之Unknown built-in variable&colon; now

    Caused by: freemarker.core.ParseException: Unknown built-in variable: now 意思是没有内置变量,看了一下源码2.3.15版本fr ...

  5. 判断线段相交 -- 51nod 1264 线段相交

    http://www.51nod.com/onlineJudge/questionCode.html#!problemId=1264 三角形的有向面积:a.x*b.y+b.x*c.y+c.x*a.y ...

  6. Python异常处理 分类: python Raspberry Pi 服务器搭建 2015-04-01 13&colon;22 172人阅读 评论&lpar;0&rpar; 收藏

    一个程序要保持稳定运行必须要有异常处理,本文将简单介绍Python中的try-except..异常处理语句的使用. 该种异常处理语法的规则是: 执行try下的语句,如果引发异常,则执行过程会跳到第一个 ...

  7. unix c 09

    IPC - 进程间通信   文件/信号/管道/共享内存/消息队列/信号量集/网络   XSI IPC (共享内存.消息队列和信号量集)   使用方式 非常的类似. 共享内存的使用步骤:     1 生 ...

  8. dbg调试

    一.启动停止dbg dbg:tracer(). dbg:stop(). 二.跟踪常用函数 1.跟踪进程 dbg:p(PidSpec,TraceFlags). PidSpec Pid 一个特定进程ID ...

  9. ISD9160学习笔记03&lowbar;ISD9160音频解码代码分析

    录音例程涉及了录音和播放两大块内容,这篇笔记就先来说说播放,暂且先击破解码这部分功能. 我的锤子便签中有上个月记下的一句话,“斯蒂芬·平克说,写作之难,在于把网状思考,用树状结构,体现在线性展开的语句 ...

  10. OpenGL学习--07--模型加载&lpar;obj&rpar;

    1.tutorial07.cpp // Include standard headers #include <stdio.h> #include <stdlib.h> #inc ...