html之iframe，a

soldiermakk發表於2019-03-07
原文網址 : https://juejin.im/post/5c80d9fd51882568265468fe
HTML

iframe

a

4個target

       <a href="qq.com" target="_blank"></a>
       <a href="qq.com" target="_self"></a>
       <a href="qq.com" target="_parent"></a>
       <a href="qq.com" target="_top"></a>
複製程式碼

依次為新頁面開啟，當前頁面覆蓋開啟，在父頁面開啟，在頂部頁面開啟

當a標籤的網頁A被當做iframe放在網頁B再當做iframe放在網頁C時，以上意思分別為：

  1. 新開網頁D
  2. 在網頁A開啟
  3. 在網頁B開啟
  4. 在網頁C（D,E）開啟

download屬性

       <a href="https://qq.com" download></a>
複製程式碼

點選可以下載整個網頁

href可以寫什麼

<a href="qq.com">qq</a>
複製程式碼

此時qq.com相當於絕對路徑，未加http

       <a href="//qq.com">qq</a>
複製程式碼

此時使用//qq.com，含義為使用當前使用的協議，即file協議

html之iframe，a

  • 瀏覽器加錨點 <a href="#12">qq</a>(不發起請求，因為錨點的作用是頁面內的跳轉)
  • 瀏覽器加路徑 <a href="?name=soldiermakk">qq</a>(自動發起get請求)
  • 開啟當前目錄下的網頁 <a href="./index2.html">qq</a>
  • 偽協議(點選之後什麼也不做) <a href"javascript:;">qq<a>

iframe與a同時使用

name的用法

html之iframe，a
a標籤中使用target來指向iframe視窗，實現效果如下

html之iframe，a
點選qq ，iframe視窗中顯示qq.com

同時，iframe也支援寫相對路徑

<iframe name=xxx src="./index2.html" frameborder="0"></iframe>
複製程式碼

相關文章