`

a标签Target属性的使用方法

阅读更多
超级链接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的目标地址。
     使用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> 
分享到:
评论

相关推荐

    HTML a 标签的 target 属性.doc

    HTML a 标签的 target 属性.doc

    html标签a的target属性的用法

    1:如果使用标签&lt;a&gt;来链接到一个页面的话,target属性的作用,相信大家都知道。就是指对链接的页面以怎么样的形式展现出来,target常用的值有:_blank(以新弹出一个浏览器窗口打开链接的页面)、_self(在原来的窗口中...

    HTML基本标签属性总结

    HTML基本标签属性总结 部分内容如下:(下载可看全文) 4种块结构:div-ul(ol)-li 导航菜单 div-dl-dt-dd 图文混编 table-tr-td 规整数据 form-table-tr-td 表单布局 块标签:基本块级标签 标题:h1-h6 ...

    html实现a元素href的URL链接自动刷新或新窗口打开功能

    使用a标签的target属性特性: 无论是a链接元素还是form表单元素都有一个名叫target的属性,支持的值包括下面这些: _self:默认值。当前浏览器上下文。 _blank:通常是一个新的标签页,但是用户可以配置浏览器,...

    web应用程序设计复习题.doc

    &lt;P&gt; 3、&lt;A&gt;标记的target属性值为( B )的时候可以实现链接为弹出窗口的效果。 A. _self B. _blank C. _parent D. _top 4、下面的标签中( C )是加粗标签。 A. &lt;i&gt;&lt;/i&gt; B. &lt;u&gt;&lt;/u&gt; C. &lt;b&gt;&lt;/b&gt; D. &lt;h&gt;&lt;/h&gt; 5、下面...

    标签的使用

    a标签的属性: target _self 当前页面跳转 _blank 新标签页面打开 热更新: -编辑文件,保存,浏览器立刻刷新页面 锚点的使用: 1.对元素,命名一个锚点,进行标记 2.使用a标签href = “#m” 使用 ‘#’ + 锚点名称 ...

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

    等很多标签都支持target="black"的属性,建议在这样的标签里单独做设置,比如: 复制代码代码如下: &lt;a&gt;超链接内容&lt;/a&gt; &lt;form action=”xxx.htm” target=”_blank”&gt;表达内容&lt;input type=”submit” value...

    ember-scroll-to-target:轻松动画滚动到目标元素

    余烬滚动到目标 轻松动画滚动到目标元素。 安装 ember install ember-... 如果使用了块模板,则不需要。 (可选的) 目标 目标元素ID。 (必需的) 标签名 组件模板的标记名。 (可选的) 期间 滚动动画持续时间。

    前端css+html+布局笔记

    可以将该属性值设置为超链接的target属性的值 这样当点击超链接时,页面将会在相应的内联框架中打开 内联框架中的内容不会被搜索引擎所检索,所以开发中尽量不要使用内联框架 超链接 可以使当前页面...

    三种方法让Response.Redirect在新窗口打开

    Response.Rederect在默认情况下是在本页跳转,所以除了在js中用window.open或是给A标签添加target属性之外,在后台似乎不能来打开新的页面,其实不然,通过设置form的target属性同样可以让Response.Rederect所指向的...

    python_markdown_nofollow:一个Python Markdown插件,用于向所有标签添加rel =“ external nofollow”和target =“ _ blank”属性

    python_markdown_nofollow 一个Python Markdown插件,用于向所有&lt;a&gt;标签添加rel =“ external nofollow”和target =“ _ blank”属性

    HTML_CSS学习笔记.docx

    5.3. &lt;a&gt;标签 target属性:在窗口中打开链接 17 5.4. 家族:为网页添加表格 18 5.5. 、、标签:定义表格的表头、表身、表尾 19 6. HTML5表单标签 20 6.1. 标签:创建表单,与用户交互 20 6.2. 输入框:文本输入框、...

    css笔记课程笔记2019,5,22

    &lt;a href="" target="_blank"&gt;&lt;/a&gt; 4、表格标签 ** 技巧:数里面有多少行,每行里面有多少个单元格 ** &lt;table&gt;&lt;/table&gt; &lt;tr&gt; &lt;td&gt; 5、表单标签 ** &lt;form&gt;&lt;/form&gt; - action method enctype - ...

    XHTML中的超链接标签使用教程

    使用 &lt;a&gt;&lt;/a&gt; 标签来定义超链接,语法:&lt;a&gt;显示的文字或图片&lt;/a&gt;例子: XML/HTML Code复制内容到剪贴板 &lt;a&gt;链接至百度&lt;/a&gt;  浏览器显示效果:链接至百度当我们点击上面 “链接至百度” 字样时,浏览器便会转向百度...

    HTML开发王

    11.3 使用目标框架(name属性和target属性) 11.3.1 设置链接默认的目标 11.3.2 目标的优先级 11.3.3 名称和框架标识 11.4 内联框架(iframe元素) 11.5 巩固与自测 第12章 链入对象和其他多媒体元素 12.1 使用java ...

    cms后台管理

    &lt;li&gt;&lt;a href="${a.url}" target="_blank"&gt;${a.title}&lt;/a&gt;&lt;/li&gt; [/#list] 就是简单的将tag_list中的内容,即“paramWrap.put(OUT_LIST, DEFAULT_WRAPPER.wrap(list));”中放入的数据遍历出来 style_2-1.html中的...

    asp学习笔记

    a 超链接 href target 行类标签 p 段落标签,自动换行 块级标签 换行标签 &lt;hr/&gt; 划线标签 b 加粗标签 &lt;ul/&gt; 列表标签,配合li使用 (2/3/4/...)/&gt; 标题标签 table 表格标签 tr 行标签 td 列表签 th ...

Global site tag (gtag.js) - Google Analytics