1. 程式人生 > >HTML:關於a標簽的target屬性

HTML:關於a標簽的target屬性

info 人的 document 文檔 分享圖片 set 地址 ext frameset

超級鏈接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>

效果如下:

技術分享圖片

另外的一些方法:
使用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>

當用iframe的時候和父級有關

HTML:關於a標簽的target屬性