關於a標籤的rel nooppener

2021-09-28 23:46:54 字數 691 閱讀 6390

剛剛看到了乙個前端方面的問題

html的a標籤屬性rel="noopener"有什麼作用?

a標籤用了這麼久也沒見過這個玩意兒, 真是慚愧, 所以特意研究了一下,寫在這裡作為筆記吧.

首先,rel=noopenerrel= noreferrer這兩個屬性是為了解決安全性問題

當你使用target=_blank開啟乙個新的標籤頁時, 新頁面的window物件上有乙個屬性opener, 它指向的是前乙個頁面的window物件, 因此, 後乙個頁面就獲得了前乙個頁面的控制權.

甚至在跨域的情況下他也可以生效, 你可以通過window.opener.location.replace來更改前乙個頁面的url.

那麼, 為了避免這種情況, 就需要使用這兩個神奇的屬性了.

比如你的鏈結是鏈結, 開啟之後你會發現window.opener已經被置為 null 了, 如果是一些舊的瀏覽器, 可以使用rel=noreferrer, 它不僅禁用了window.opener, 後乙個頁面也無法獲取到referrer.

關於HTML的標籤

行級和塊級標籤有什麼區別?用途?html中常見行級標籤 span a em strong u 特點 在一行內顯示 在一行中可以並列多個行級標籤 不能設定寬高屬性 html中常見塊級標籤 div p ul li dl dt dd h1 h6 特點 獨佔一行,能設定width,height屬性 html...

關於Html中的標籤

通過selenium識別頁面元素,自然少不了會用到find element by xpath 簡單看了下xpath教程,其實我們只是用到了他最基本的方法去定位乙個頁面元素。下邊是乙個示例 第乙個是獲取乙個文字框 bigc driver.find element by xpath input name...

關於select標籤的積累

1 不想disabled,但是又想往後台傳值 請仔細考慮 一般這種需求是有問題的,請再三考慮業務邏輯 這種奇葩的需求的處理方式 在select onfuc是呼叫blur 獲取焦點後立即失去焦點。2 新增 獲取 建立option等 select id change function 為select新增...