html怎么阻止微信跳转页面,HTML阻止iframe跳转页面并使用iframe在页面内嵌微信网页版-站长资讯中心...

昨天看到这篇文章[置顶]开源组件NanUI一周年 - 使用HTML/CSS/JS来构建.Net Winform应用程序界面

就想弄一个winform结合html5的一个小东西，突有兴致，想在里面嵌套一个微信网页版。

好了，想法一出来，就行动吧，最终效果如下图：

一开始就打算在页面里面嵌套一个iframe指向https://wx.qq.com就OK了，但是我还是太天真，微信网页版会自动跳转。结果如下图：

于是上网搜了一下阻止iframe跳转的办法，就是在iframe标签加上 security="restricted" sandbox="" 两个属性。前者是IE的禁止js的功能，后者是HTML5的功能。

使用 sandbox="allow-scripts allow-same-origin allow-popups"可以阻止跳转。然而......结果却是这样：

然后发现，这个跳转其实就是关闭原先页面之后在浏览到跳转页面。所以可以利用页面关闭事件onbeforeunload来阻止跳转。所以在页面加入如下代码：

1 document.body.onbeforeunload = function(event) {2 var rel = "asdfawfewf";3 if (!window.event) {4 event.returnValue =rel;5 } else{6 window.event.returnValue =rel;7 }8 };

然后发现结果还是这样：

到底是什么原因呢？事件没反应？还是微信网页版的跳转太牛了？直接无视这个事件？于是我新建一个空白的html，单独加上该事件进行验证。

1

2

3

4

5

6

7

8

9

10 document.body.οnbefοreunlοad= function(event) {11 varrel= "asdfawfewf";12 if(!window.event) {13 event.returnValue=rel;14 }else{15 window.event.returnValue=rel;16 }17 };18

19