iframe 跳转到其他页面
生活随笔
收集整理的這篇文章主要介紹了
iframe 跳转到其他页面
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
也是第一次用這個標簽 嵌套其他網站有的跳轉了 本以為是自己的問題 百度才得知 是其他網站 有如下代碼
if (top.location != self.location) {top.location=self.location;}
會自動判斷當前的location是否是頂層的，即是否被嵌套到iframe里面了，如果是，則強制跳轉。
解決辦法有兩個
雙重iframe的確可以阻止強制跳轉。但是，第一層的iframe就覆蓋了第二層的。所以要把第一層的做成透明的，然后第二層嵌套該嵌套的網頁。
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代碼。
偽代碼：
<iframe src="你的頁面地址" name="tv" marginwidth="0" marginheight="0" scrolling="No" noResize frameborder="0" id="tv" framespacing="0" width="580" height="550" VSPACE=-145 HSPACE=-385></iframe> <script language="javascript"> var location=""; var navigate=""; frames[0].location.href=""; </script>更好的解決辦法
這里賦值為空頁面,也可賦值為你的頁面的URL地址.
js 解決
另外一種屏蔽iframe方法
html 解決
總結
以上是生活随笔為你收集整理的iframe 跳转到其他页面的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 做工作必须将心比心——感谢译者陈浩对我们
- 下一篇： 将心比心，你对别人好，别人才会对你好，是