婷婷综合国产,91蜜桃婷婷狠狠久久综合9色 ,九九九九九精品,国产综合av

主頁 > 知識庫 > HTML阻止iframe跳轉(zhuǎn)頁面并使用iframe在頁面內(nèi)嵌微信網(wǎng)頁版的實現(xiàn)方法

HTML阻止iframe跳轉(zhuǎn)頁面并使用iframe在頁面內(nèi)嵌微信網(wǎng)頁版的實現(xiàn)方法

熱門標簽:高德地圖標注廁所 地圖標注沿海城市房價 地圖標注員工作內(nèi)容 通遼地圖標注app 威海語音外呼系統(tǒng)平臺 智能語音電銷機器人客戶端 江西ai電銷機器人如何 中國地圖標注城市的 西安金倫外呼系統(tǒng)

就想弄一個winform結(jié)合html5的一個小東西,突有興致,想在里面嵌套一個微信網(wǎng)頁版。

好了,想法一出來,就行動吧,最終效果如下圖:

一開始就打算在頁面里面嵌套一個iframe指向https://wx.qq.com就OK了,但是我還是太天真,微信網(wǎng)頁版會自動跳轉(zhuǎn)。結(jié)果如下圖:

于是上網(wǎng)搜了一下阻止iframe跳轉(zhuǎn)的辦法,就是在iframe標簽加上security="restricted"sandbox="" 兩個屬性。前者是IE的禁止js的功能,后者是HTML5的功能。

使用sandbox="allow-scripts allow-same-origin allow-popups"可以阻止跳轉(zhuǎn)。然而......結(jié)果卻是這樣:

然后發(fā)現(xiàn),這個跳轉(zhuǎn)其實就是關(guān)閉原先頁面之后在瀏覽到跳轉(zhuǎn)頁面。所以可以利用頁面關(guān)閉事件onbeforeunload來阻止跳轉(zhuǎn)。所以在頁面加入如下代碼:

 document.body.onbeforeunload = function (event) {
             var rel = "asdfawfewf";
             if (!window.event) {
                event.returnValue = rel;
            } else {
                window.event.returnValue = rel;
             }
         };

然后發(fā)現(xiàn)結(jié)果還是這樣:

到底是什么原因呢?事件沒反應(yīng)?還是微信網(wǎng)頁版的跳轉(zhuǎn)太牛了?直接無視這個事件?于是我新建一個空白的html,單獨加上該事件進行驗證。

<!DOCTYPE html> 
  <html lang="en" xmlns="http://www.w3.org/1999/xhtml">
  <head>
      <meta charset="utf-8" />
      <title></title>
  </head>
  <body></body>
  <script>
document.body.onbeforeunload = function (event) {
    var rel = "asdfawfewf";
     if (!window.event) {
         event.returnValue = rel;
     } else {
         window.event.returnValue = rel;
     }
 };
 </script>
 </html>

結(jié)果卻是可行的:

但是在頁面里面嵌入iframe之后卻直接就跳轉(zhuǎn)了,大家可以嘗試一下面的代碼。

<!DOCTYPE html> 
  <html lang="en" xmlns="http://www.w3.org/1999/xhtml">
  <head>
      <meta charset="utf-8" />
      <title></title>
  </head>
  <body>
      <iframe src="https://wx.qq.com/" frameborder="0" style="position: absolute;border: navajowhite;left: 0;height: calc(100% - 30px);width:100%">
     </iframe>
 </body>
 <script>
 document.body.onbeforeunload = function (event) {
     var rel = "asdfawfewf";
     if (!window.event) {
         event.returnValue = rel;
     } else {
         window.event.returnValue = rel;
     }
 };
 </script>
 </html>

正在毫無計策的時候,我一直打開關(guān)閉嘗試該方法是否生效。突然發(fā)現(xiàn),如果頁面在剛打開的很短時間內(nèi)關(guān)閉頁面,onbeforeunload事件是不會被觸發(fā)的,在等待幾秒之后再關(guān)閉頁面就會觸發(fā)事件出現(xiàn)提示。

來,試一下iframe延時對src賦值(這里引用了JQuery)。

<!DOCTYPE html>
  <html lang="en" xmlns="http://www.w3.org/1999/xhtml">
  <head>
      <meta charset="utf-8" />
     <title></title>
      <script src="scripts/jquery-2.2.3.js"></script>
  </head>
  <body>
      <iframe id="iframe" frameborder="0" style="position: absolute;border: navajowhite;left: 0;height: calc(100% - 30px);width:100%">
     </iframe>
 </body>
 <script>
 $(function () {
     setTimeout(function () {
         iframe.src = "https://wx.qq.com/";
     },5000);
 });
 document.body.onbeforeunload = function (event) {
     var rel = "asdfawfewf";
     if (!window.event) {
         event.returnValue = rel;
     } else {
         window.event.returnValue = rel;
     }
 };
 </script>
 </html>

結(jié)果果然成功了,會出現(xiàn)提示是否離開此頁面,點擊留下按鈕。成功沒有跳轉(zhuǎn)。下圖為我成品圖片。

大功告成,里面可以正常聊天和傳文件,但是不能截圖。

缺點不足的就是,完成登陸需要點擊彈窗取消按鈕,而且需要兩次,第一次打開頁面,第二次掃碼結(jié)束后還會跳轉(zhuǎn)一次頁面。目前還沒辦法解決這個問題,希望有辦法解決此問題的朋友們可以提點建議哈~~小編會及時回復(fù)大家的,在此也非常感謝大家對腳本之家網(wǎng)站的支持!

標簽:崇左 眉山 北海 晉中 營口 阜陽 河池 青海

巨人網(wǎng)絡(luò)通訊聲明:本文標題《HTML阻止iframe跳轉(zhuǎn)頁面并使用iframe在頁面內(nèi)嵌微信網(wǎng)頁版的實現(xiàn)方法》,本文關(guān)鍵詞  HTML,阻止,iframe,跳轉(zhuǎn),頁面,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請?zhí)峁┫嚓P(guān)信息告之我們,我們將及時溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《HTML阻止iframe跳轉(zhuǎn)頁面并使用iframe在頁面內(nèi)嵌微信網(wǎng)頁版的實現(xiàn)方法》相關(guān)的同類信息!
  • 本頁收集關(guān)于HTML阻止iframe跳轉(zhuǎn)頁面并使用iframe在頁面內(nèi)嵌微信網(wǎng)頁版的實現(xiàn)方法的相關(guān)信息資訊供網(wǎng)民參考!
  • 企业400电话

    智能AI客服机器人
    15000

    在线订购

    合计11份范本:公司章程+合伙协议+出资协议+合作协议+股权转让协议+增资扩股协议+股权激励+股东会决议+董事会决议

    推薦文章
    主站蜘蛛池模板: 新津县| 方正县| 临漳县| 新邵县| 武冈市| 新郑市| 自治县| 龙江县| 汉阴县| 乌兰浩特市| 沙洋县| 集安市| 昆明市| 舞钢市| 阿拉善左旗| 长汀县| 新民市| 辽宁省| 南阳市| 丹东市| 仲巴县| 青岛市| 江达县| 阜宁县| 乳源| 余干县| 怀集县| 融水| 花莲县| 辉县市| 巩义市| 武城县| 武汉市| 九江市| 西乡县| 京山县| 兴隆县| 天台县| 淳化县| 沁阳市| 南雄市|