1. 程式人生 > >谷歌瀏覽器的一個新特點—關於獲取iframe的parent物件

谷歌瀏覽器的一個新特點—關於獲取iframe的parent物件

        谷歌瀏覽器在除錯JavaScript指令碼方面很方便,今天在使用谷歌瀏覽器除錯程式碼時無意間發現了一個奇特的問題:Blocked a frame with origin "null" from accessing a frame with origin "null". Protocols, domains, and ports must match.,這主要是沒有獲取iframe所在所在頁面的parent的造成的,程式碼如下:

        index.html:

       <html>

                 <head>

                            <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

                            <script type="text/javascript">

                                         function test() {

                                                alert('您成功呼叫了iframe標籤所在頁面的函式!');

                                         }

                           </script>

                 </head>

                 <body>

                          <iframe frameborder="1" src='child.html' style="width:50%; height:50%;" ></iframe>

                          <div style="font-size: 36px; margin-left: 40%; color: red;">iframe標籤所在頁面</div>

                 </body>

       </html>

       child.html:

       <html>

                   <head>

                           <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

                   </head>

                  <body>

                          <input type="button" onclick="javascript:window.parent.test();" value="呼叫iframe標籤所在頁面的函式"/>

                          <div style="font-size: 21px; margin-left: 40%; color: red;">iframe標籤所引用的頁面</div>

                  </body>

       </html>

       如果上面程式碼在電腦上直接使用谷歌瀏覽器執行就會出現上面的錯誤“Blocked a frame with origin "null" from accessing a frame with origin "null". Protocols,domains, and ports must match.”,而使用諸如IE瀏覽器直接訪問則不會出現這種情況;如果將其使用伺服器(比如Tomcat)釋出一下,再次使用谷歌瀏覽器通過http訪問index.html檔案則不會出現這種情況。

       總結:如果在本地用file協議使用谷歌瀏覽器開啟含有iframe標籤的頁面,則被iframe標籤引用的頁面無法訪問iframe標籤所在頁面的parent物件,除非使用伺服器(比如Tomcat)釋出一下。

相關推薦

解決input框獲取焦點時改變input邊框的顏色,在瀏覽器中input框獲取焦點時,input框多了一個帶顏色的邊框

1、問題頁面顯示效果 2、解決辦法,在input獲取焦點的樣式中加入outline:none;或outline-width:0; input[type=text]:focus, select:focus{ border:1px solid #3879d9; out

Chrome拓展程式:Infinity new tab重新定義瀏覽器標籤頁

本文來自網友“陽光少年”的投稿!投稿郵箱:[email protected]          Infinity new tab 是一款實用又簡潔的chrome新標籤頁,可以完美替代預設的新標籤頁。從使用用chrome瀏覽器開始,就喜歡使用各種外掛,遮蔽廣告的,印象筆記,當然還有新標籤頁。

瀏覽器一個特點—關於獲取iframe的parent物件

        谷歌瀏覽器在除錯JavaScript指令碼方面很方便,今天在使用谷歌瀏覽器除錯程式碼時無意間發現了一個奇特的問題:Blocked a frame with origin "null" from accessing a frame with origin "nu

去掉瀏覽器獲取焦點時默認的input、textarea的邊框和背景

鼠標 area 大小 要去 HA change 元素 lin chrom 去掉chrome(谷歌)瀏覽器默認的input、textarea的邊框(border)和背景(background) 及chrome下不可更改textarea大小 1、使用Chrome的都知道,當鼠標

瀏覽器設置標簽欄打開指定頁面

地址 瀏覽器設置 alt 離線 www mage 如何 技術分享 spn 設置新標簽頁打開特定網頁 參考下面經驗"如何離線安裝Chrome插件?",下載安裝"Replace New Tab Page"擴展程序,打開新標簽頁時,輸入你想要的打開的網頁網址,保存後即可。

版本瀏覽器自動執行flash

煩死了這個玩意,所以百度搜了一下教程,很多都是老版本設定,很少有詳細的新版本解決方案。 記錄一下: 1.在谷歌瀏覽器上開啟chrome://flags/#enable-ephemeral-flash-permission 將其設定成 2.重啟瀏覽器 3.重啟瀏覽器後進入chr

搭建一個 c# + selenium + winform + 瀏覽器 -- 自動化測試環境

搭建一個 c# + selenium + winform + 谷歌瀏覽器 – 自動化測試環境 1、需要環境 Visual Studio 2017 winformapp 測試應用 .net 4.5 windows 10 谷歌瀏覽器 2、wi

js獲取當前系統是不是win7,相容ie,火狐,瀏覽器 的阻止事件冒泡

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <script src="http:/

selenium 瀏覽器的登入與退出;前進後退;重新整理;以及視窗的調節; 獲取url

package com.ChaptDemo01; import org.openqa.selenium.Dimension; import org.openqa.selenium.WebDriver; import org.openqa.selenium.chrome.Ch

如何在瀏覽器中開啟連結在標籤頁中開啟

1.Google主頁隨便搜尋什麼,如圖: 2.然後搜尋之後點選設定圖示,選擇搜尋設定。如圖所示: 3.向下滾動視窗,找到“結果開啟方法”,勾選“在新的瀏覽器視窗中開啟所選的每條搜尋結果”,然

一個好用的瀏覽器外掛 wastenotime

沒事就喜歡上個sport.sina.com,news.163.com,不知不覺浪費了好多的時間。玩的時候挺爽,當一天就這麼過去了難免又後悔。 以前一直想找個東西控制一下,wastenotime 還不錯。可以按照網站統計停留時間、支援黑白名單、定義工作時間等。 記於此,重灌

曾經最強瀏覽器王者歸來!火狐量子 vs 瀏覽器:哪一個更快呢?

來自:開源中國社群 連結:www.oschina.net/news/90739/firefox-quantum-vs-google-chrome 原文:http://mashable.com/2017/11/15/google-chrome-vs-firefox-quantum/#Ws_PzIW_Baqw

開發瀏覽器插件會上癮,搞了一個JSONViewer,一個頁面格式化多條JSON,提升工作效率

screen logs 效果圖 onerror 搜索 tps 開始 xorg arr 最近寫了一個谷歌瀏覽器插件(Chrome extension),拿出來分享下,希望能提升大家的工作效率。 一、背景 先說痛點:日常開發中,經常需要不停的把接口輸出的JSON拷貝到在線J

瀏覽器提示Adobe flash player不是最新版本的解決方法

png per style bsp pla 重啟 mage mrm 管家 參考資料 https://jingyan.baidu.com/article/a3a3f811c3d5058da2eb8a39.html 如果電腦裏面有安裝各種軟件管家助手之類的的可以直接在

被墻,怎樣給瀏覽器加入迅雷下載插件

模式 ott 下載 chrome 程序 lan 宋體 能夠 font 首先須要下載這個迅雷下載插件。下載地址是:http://pan.baidu.com/s/1G0F2e 本來在谷歌的擴展程序裏面能夠搜索到這個插件的,但被墻了之後()。訪問不了。也就下載不到了,辛虧在網

瀏覽器離線安裝adblockplus廣告過濾神器

谷歌瀏覽器離線安裝adblockplus廣告過濾神器效果:打開http://blog.csdn.net/voipmaker/article/details/8543406 安裝插件之前:到處都是煩人的廣告!安裝插件之後:整個世界都清凈了!開始安裝前提是你已經安裝了谷歌瀏覽器:1,下載最新的插件https://

Linux上安裝瀏覽器的問題

ren asc and 谷歌 inux 退出 table 十六進制 瀏覽器 問題一:安裝過程中的依賴問題 sudo dpkg -i google-chrome-stable_current_xxxxx.deb sudo apt --fix-broken install

debian8安裝瀏覽器

5-0 clas func tps http bash 所有 root article 第一步:下載: wget https://dl.google.com/linux/direct/google-chrome-stable_current_i386.deb //32位

怎樣使用瀏覽器

修改權限 瀏覽器 技術分享 拓展 drivers 權限 ima img etc   對於很多學安卓的人來說進不了安卓官網事件很疼苦的事,在這裏分享一下我使用谷歌瀏覽器的方法:   1:下載谷歌瀏覽器   2:下載一個hosts文件,這是一種系統文件,沒有拓展名(要的可以找我

chrome瀏覽器-DevTool開發者工具-詳細總結

相關 tail justify 任務管理器 log 兩個 停用 表格 需要 chrome的開發者工具可以說是十分強大了,是web開發者的一大利器,作為我個人而言平時用到的幾率很大,相信大家也很常見,但是不要僅僅停留在點選元素看看樣式的層面上哦,跟著我的總結一起學習實踐一下