當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

iframe 跳转到其他页面

發布時間：2023/12/18 编程问答 25 豆豆

生活随笔收集整理的這篇文章主要介紹了 iframe 跳转到其他页面小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

也是第一次用這個標簽嵌套其他網站有的跳轉了本以為是自己的問題百度才得知是其他網站有如下代碼
if (top.location != self.location) {top.location=self.location;}
會自動判斷當前的location是否是頂層的，即是否被嵌套到iframe里面了，如果是，則強制跳轉。

解決辦法有兩個

雙重iframe：

雙重iframe的確可以阻止強制跳轉。但是，第一層的iframe就覆蓋了第二層的。所以要把第一層的做成透明的，然后第二層嵌套該嵌套的網頁。

增加標簽屬性 security="restricted" sandbox=""

security="restricted"是IE的禁止js的功能，會導致其他js方法跳轉不成功

sandbox="" 是H5的功能。可以讓IE，Chrome，Firefox這三大瀏覽器都實現了禁止iframe的自動跳轉

<iframesecurity="restricted" sandbox=""src="https://blog.csdn.net/chuan0106"/>

而我的做法是判斷 url 地址是否 === 會跳轉的url 如果是就使用該兩個方法

當前URL地址=== 會跳轉的URL地址 ? <iframe security="restricted" sandbox="" frameBorder="0" src={URL地址} /> : <iframe frameBorder="0" src={URL地址} />

防止自己的網站被別人 iframe 嵌套

在head位置中添加該代碼

<head><script language="javascript"> if (top.location != location) { top.location.href = location.href; } </script> </head>

或者

<head><script language="javascript"> if(self!=top){top.location.href=self.location.href;} </script></head>

這種如果別人嵌套了你的網站就會自動跳轉到你的網站而非嵌套
但是當別人用類似下面代碼做iframe嵌套調用時，會躲避你的javascript代碼。

偽代碼：

更好的解決辦法

這里賦值為空頁面,也可賦值為你的頁面的URL地址.
js 解決

if(top != self){ location.href = "about:blank"; }

另外一種屏蔽iframe方法
html 解決

header("X-Frame-Options: deny"); header("X-XSS-Protection: 0");

總結

以上是生活随笔為你收集整理的iframe 跳转到其他页面的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

上一篇：做工作必须将心比心——感谢译者陈浩对我们
下一篇：将心比心，你对别人好，别人才会对你好，是