【運行錯誤】Uncaught DOMException: Blocked a frame with origin "null" from accessing a cross-origin frame.

-Advertisement-

代碼如下：原因：跨頁面操作涉及域的概念（origin），錯誤的意思是：未捕獲的安全錯誤：阻止了一個域為null的frame頁面訪問另一個域為null的頁面。代碼運行時在本地直接用瀏覽器打開的，地址欄是file:///的頁面，只需改為localhost訪問就行。 ...

代碼如下：

<html>

<head>

<script>

/*window.frames[]可以通過下標或名稱訪問單獨的frame*/

window.onload=function(){

var h1=window.frames["header"];//.document.getElementsByTagName('h1');

alert(h1);

}

</script>

</head>

<frameset rows="80,*">

<frame src="top.html" name="header"></frame>

<frameset cols="180,*">

<frame src="menu.html" name="menu"></frame>

<frame src="main.html" name="main"></frame>

</frameset>

</frameset>

</html>

原因：跨頁面操作涉及域的概念（origin），錯誤的意思是：未捕獲的安全錯誤：阻止了一個域為null的frame頁面訪問另一個域為null的頁面。代碼運行時在本地直接用瀏覽器打開的，地址欄是file:///的頁面，只需改為localhost訪問就行。

您的分享是我們最大的動力!

-Advertisement-

更多相關文章

如何監聽Element組件<el-input>標簽的回車事件

一、現象表單提交時需要處理輸入框的回車事件，一般的原生input標簽可以用@keyup.enter="onSubmit"（tips:onSubmit為定義的方法）二、解決 1、@keyup.enter="onSubmit" 改寫為 @keyup.enter.native="onSubmit" ， ...
Selectize使用總結

一、簡介 Selectize是一個可擴展的基於jQuery 的自定義下拉框的UI控制項。它對展示標簽、聯繫人列表、國家選擇器等比較有用。它的大小在~ 7kb（gzip壓縮）左右。提供一個可靠且體驗良好的乾凈和強大的API。功能介紹：選項可查詢和排序；使用箭頭鍵←和→在1️⃣選中選項之間移動；對 ...
JavaScript工作體系中不可或缺的函數

一、函數的概念日常生活中，我們要完成一件事，總是習慣先有一個計劃，後期按照計劃，一步一步執行，則能夠完成，並且達到一定效果實現一定的功能。在編程的世界里，“功能”可稱呼為“函數”，因此“函數”即一段實現了某種功能的代碼，並且可以供其他代碼調用。在JavaScript中，函數是由事件驅動的，或者當 ...
教你五步製作精美的HTML時鐘

學了一段時間的HTML、CSS和JS後，給大家做一款漂亮的不像實力派的HTML時鐘，先看圖：涉及到的知識點有： CSS3動畫、DOM操作、定時器、圓點坐標的計算（好多人是不是已經還給自己的老師了~）接下來，我們用5步來製作它 step1、準備HTML 首先，我們需要準備HTML結構，背景、表盤、指 ...
頭像上傳插件

上傳頭都是比較複雜的一件事，最近幫朋友找了一款插件給大家分享一下。 ps：這個可以根據你的設計稿自由發揮可以寫成各種樣式，不會再有固定插件的樣式；演示地址：http://durenlong.gitee.io/uploading 碼雲地址：https://gitee.com/durenlong/u ...
jQuery中面向對象思想實現盒子內容切換

這裡主要是模擬小米官網中的首頁的內容模塊實現的主要動態效果佈局：採用了bootstrap框架進行佈局，及其其中的字體圖標 html：  <div class="content_box"> <h2>內容</h2> <div class="row content_list"> < ...
JavaScript學習總結-技巧、實用函數、簡潔方法、編程細節

整理JavaScript方面的一些技巧，比較實用的函數，常見功能實現方法，僅作參考變數轉換但是轉換日期(new Date(myVar))和正則表達式(new RegExp(myVar))必須使用構造函數，創建正則表達式的時候要使用/pattern/flags這樣的簡化形式。取整同時轉換成數值型 ...
移動端效果之ScrollList

寫在前面列表一直是展示數據的一個重要方式，在手機端的列表展示又和PC端展示不同，畢竟手機端主要靠滑。之前手機端之前一直使用的，但是本身其實有很多相容性，想改動一下需求也很不容易，可以看我之前寫的這一文章 "IScroll那些事——內容不足時下拉刷新" （這裡並不是說不好，裡面對手機、瀏覽器 ...