使用target="_blank"的注意事項
為了安全性考慮,target="_blank"較好的用法如下:
<a href="https://www.baidu.com" target="_blank" rel="noopener noreferrer nofollow">巴拉巴拉</a>
解釋:
由於在跨域的情況下,opener 可以呼叫 location.replace 方法引導使用者進入惡意網站,加入noopener之後,在開啟的新標籤頁中,將無法再使用 opener 物件了,它為設定為了 null。加入noreferrer之後限制了 referer 的傳遞,保證來源隱私安全。在跳轉到第三方網站的時候,為了 SEO 權重,還建議帶上 rel=”nofollow”,所以最終類似於文章開始那樣。(注:這些屬性不是所有瀏覽器都支援,當不支援的時候可使用下方js解決)
支援的主流瀏覽器:FireFox52及其以上、Chrome49及其以上、Safari10.1及其以上、Opera36及其以上。
或者js將opener設為null:"use strict";
function openUrl(url) {
var newTab = window.open();
newTab.opener = null;
newTab.location = url;
}
相關推薦
使用target="_blank"的注意事項
為了安全性考慮,target="_blank"較好的用法如下: <a href="https://www.baidu.com" target="_blank" rel="noopener noreferrer nofollow">巴拉巴拉</a> 解釋: 由於在
<a href="ip地址" target=""_blank">a裡面的target</a>
HTML <a> 標籤的 target 屬性 定義和用法 <a> 標籤的 target 屬性規定在何處開啟連結文件。 如果在一個 <a> 標籤內包含一個 target 屬性,瀏覽器將會載入和顯示用這個標籤的 href 屬性命名的、名稱與這個目標吻合的框架或者
webview onCreateWindow url 新標籤的開啟 target="_blank"
擷取所有的a標籤帶 target=”_blank”執行跳轉新的頁面 1 給webView設定webSettings.setSupportMultipleWindows(true);支援開啟多視窗 2WebView.setWebViewClient(new WebViewClient
CefSharp.v49.0.1瀏覽器控制元件完全WPF版,實現禁止彈出新視窗,在同一視窗開啟連結,並且支援帶type="POST" target="_blank"的連結
需求場景:在查詢頁面,填寫查詢條件,查詢條件包括上傳的圖片,根據圖片的特徵查詢,這就需要在提交的時候,使用POST提交,因為GET提交無法提交圖片資料,提交查詢條件之後,在新的視窗展示查詢結果。(當然查詢結果頁面可能不支援F5重新整理頁面) 表單HTML程式碼示意(注意metho
網頁外鏈用了 target="_blank",結果悲劇了
今天給大家分享一個 Web 知識點。如果你有過一段時間的 Web 開發經驗,可能已經知道了。不過對於剛接觸的新手來說,還是有必要了解一下的。 我們知道,網頁裡的`a`標籤預設在當前視窗跳轉連結地址,如果需要在新視窗開啟,需要給 `a` 標籤新增一個`target="_blank"`屬性。 ``` 1024譯
target="_blank
1.使用HTML:target="_blank",在新的頁面中開啟連結,形成父子介面的關係。 _blank -- 在新視窗中開啟連結 _parent -- 在父窗體中開啟連結 _self -- 在當前窗體開啟連結,此為預設值 _top -- 在當前窗體開啟連
proxy-target-class="true" 和 proxy-target-class="false"
動態代理 post 基於 glib 簡單 ring mona 默認 被調用 p.p1 { margin: 0.0px 0.0px 0.0px 0.0px; font: 11.0px Monaco; color: #932192 } span.s1 { color: #000
<base target="_self"/>標簽的用法
value int base tab parent ble 指定 文檔 val 語法 <base target="value"> 屬性值 值描述 _blank 在新窗口中打開被鏈接文檔。 _self 默認。在相同的框架中打開被鏈接文檔。 _pare
NWBC報bank account 批導報failed to resolve object based navigation target "SAP_ECC_Finacials"錯誤
今天專案上的同事在使用NWBC導bank account的時候報瞭如下錯誤,查了note說是要配一個H型別的RFC,然後在將target加在對應的role上,RFC建了, 但是怎麼加到role上倒是沒整出來,後面研究了一下匯入,找到匯入的正確姿勢,共享一下 首先她們自己匯入的時候會報錯
Ubuntu中echo "test" | password --stdin test 錯誤
password report accounts 管道 status 今天看到了馬哥的視頻,講道理passwd命令和管道的標準輸入時,一個命令重置密碼。我測試了一下報錯echo "test" | password --stdin test[email protected]/*
關於在"a"標簽中添加點擊事件的一些問題
ret 返回 ref catch urn 屬性 false turn 沒有 昨天做修改頁面跳轉時遇到一個問題,如果a標簽的"href"屬性為空的話,比如這樣<a href="" onclick="roleupdate()">修改</a>,這時當我
LR回放https協議腳本失敗:[GENERAL_MSG_CAT_SSL_ERROR]connect to host "XXX" failed:[10054] Connection reset by peer [MsgId:MERR-27780]
網絡連接 advance sgid 服務器 vuser con run load sgi 最近做一個負載均衡項目的性能測試,使用LR錄制腳本協議為https協議,回放腳本時出現報錯: [GENERAL_MSG_CAT_SSL_ERROR]connect to host "
META http-equiv="refresh" 實現網頁自動跳轉
知識 meta head 網頁 src title dot shu 知識庫 使用說明: < HEAD> < TITLE>刷新內容< /TITLE> < META HTTP-EQUIV="REFRESH" CONTENT="x; UR
JS 循環遍歷JSON數據 分類: JS技術 JS JQuery 2010-12-01 13:56 43646人閱讀 評論(5) 收藏 舉報 jsonc JSON數據如:{"options":"[{
ros json 12px details style position none -i ide JS 循環遍歷JSON數據 分類: JS技術 JS JQuery2010-12-01 13:56 43646人閱讀 評論(5) 收藏 舉報 jsonc
ie7下的<input type="text">高度
test ots 之前 oot adding pad 是你 不兼容 消失 之前很少去做低版本瀏覽器兼容,由於公司為一些使用低版本瀏覽的客戶著想,所以並沒有拋棄IE7。當時做頁面的時候我用的是bootstrap,但是很可惜的是不兼容IE7,當使用IETester中的ie7查看
input(type="checkbox"|type="radio")+jquery使用
mce on() jquery set play 判斷 func display spl 1、用.is(":checked")判斷input是否為選中狀態 例: var value=$(this).is(":checked"); localStorage.setItem("
HTTP/1.1 "persistent" 連接
添加 ont 應用程序 激活 con 事務處理 應用 代理 nec 一、persistent 連接 (1) HTTP/1.1 逐漸停止了對 keep-alive 連接的支持,用一種名為持久連接(persistent connection)的改進型設計取代了它,持久連接的目
如何正確理解關鍵字"with"與上下文管理器(轉載)
name self 限制 ioerror mysql ops tput 可能 簡化 如果你有閱讀源碼的習慣,可能會看到一些優秀的代碼經常出現帶有 “with” 關鍵字的語句,它通常用在什麽場景呢?今天就來說說 with 和 上下文管理器。
PostgreSQL copy 時提示:ERROR: invalid byte sequence for encoding "UTF8": 0xb3
color 方式 clas lena 三種 rep schema error val 測試時使用三種文件格式: ISO-8859 Netpbm PBM image ASCII if [ $(file $filename|grep -c "ISO-8859") -gt 0
Exception in thread "main" java.lang.NoSuchMethodError: org.testng.TestNG.configure(Lorg/testng/CommandLineArgs;)V
exc and main ini args erro pre 運行 ppc TestNG運行時報以下錯誤: Exception in thread "main" java.lang.NoSuchMethodError: org.testng.TestNG.configur