【JavaScript】window物件_frames陣列物件

阿新 • • 發佈：2019-01-17

window物件的frames屬性是一個數組，它與window物件的parent、top等
物件屬性，都是用於對HTML的幀標籤(<frameset>或<iframe>)進行程式設計的
javascript物件。(利用parent.frames.來呼叫)

framedemo.html:

<html>
<head>
</head>
<frameset rows="20%,80%">
<frame name=top src="top.html">
<frame name=bottom src="bottom.html">
</frameset>
</html>

指令碼程式碼最好不要編寫在framedemo.html中，
而是寫在frame各個區域的網頁中。
top.html：

<input type=button value="重新整理" 
onclink="window.parent.frames[1].loaction.reload()">
<!--重新整理的是frame name=bottom-->


<input type=button value="重新整理2" 
onclink="parent.frames.bottom.loaction.reload()">


<input type=button value="重新整理3" 
onclink="parent.frames['bottom'].loaction.reload()">


<input type=button value="重新整理4" 
onclink="parent.frames.item(1).loaction.reload()">


<input type=button value="重新整理5" 
onclink="parent.frames.item('bottom').loaction.reload()">


<input type=button value="重新整理6" 
onclink="parent.bottom.loaction.reload()">


<input type=button value="重新整理7" 
onclink="parent['bottom'].loaction.reload()">


<!--個人覺得摔效能2與6比較好記-->

2.top屬性：
例子：
top.html:

<frameset rows="20%,*">
    <frame name="a">
    <frame name="x" src="bottom.html">
</frameset>


bottom.html:
<frameset cols="30%,*">
    <frame name="b">
    <frame name="c" src="bottom_right.html">
</frameset>


bottom_right.html:
<script language="javascript">
     parent.parent.a.document.write("www.baidu.com");
</script>

____________________________________________________

<frameset rows="20%,*">
    <frame name="a">
    <frameset cols="30%,*">
        <frame name="b">
        <frame name="c" src="bottom_right.html">   
    </frameset>
</frameset>

bottom_right.html:

<script language="javascript">
     parent.a.document.write("www.baidu.com");
</script>

【JavaScript】window物件_frames陣列物件

window物件的frames屬性是一個數組，它與window物件的parent、top等物件屬性，都是用於對HTML的幀標籤(<frameset>或<iframe>)進行程

【JavaScript】Made a Person建立物件啟示

最近做FreeCodeCamp的演算法題 Made a Person 時遇到了問題。要求用下面給定的方法構造一個物件. 方法有 getFirstName(), getLastName(), getFullName(), setFirstName(

【Javascript】JS遍歷陣列的三種方法：map、forEach、filter

前言　　近一段時間，因為專案原因，會經常在前端對陣列進行遍歷、處理，JS自帶的遍歷方法有很多種，往往不加留意，就可能導致知識混亂的現象，並且其中還存在一些坑。前端時間在ediary中總結了js原生自帶的常用的對陣列遍歷處理的方法，分別為：map、forEach、filter，在講解知識點的同時，會類比相識

【JavaScript】巧妙使用sort方法將陣列內的物件進行排序

前言：在之前寫過一篇【JavaScript】陣列的sort方法排序原理詳解。 sort排序方法實現很巧妙，運用也可以很巧妙，不但可以進行陣列數字之間進行排序，還可以將陣列內的物件進行排序。一、

【JavaScript】前端用 js form上傳物件陣列

Jquery get 陣列 1. 起因：為了匯出檔案，使用 form 格式使用 form 上傳引數，下載檔案，就會出現 obj 物件在引數裡顯示為 [object object] 或者 object

【JavaScript】物件結構的簡化--刪除Json中的空屬性、空陣列

從網上抓取的Json有大片的空屬性，想直接幹掉精減一下結構。功能描述功能如下：屬性值為空字串、null、undefined的屬性支援遞迴刪除，即有些空屬性是由於程式碼執行中產生的，這些屬性也要刪除效果演示檢驗程式碼及效果如下：1234567891011121314151617181920var object

【JavaScript】Array 物件（二）[並列陣列、多維陣列、陣列字串相互轉換]

　　使用陣列儲存資料，常常允許用一個指令碼查詢陣列中是否有某一個值（可能驗證使用者輸入到文字框中的資料是否是可接受的）。另外，在查詢匹配的項時，指令碼可以在另一個數組中查詢一些相關的資訊。完成這個任務的一種方式是使用兩個或多個並行陣列另一種方式是模擬多維

【JavaScript】Bom物件和Dom物件

BOM:Browser Object Model(瀏覽器物件模型) 就是在JS程式碼中可以直接使用的物件，但是物件都是和瀏覽器有關的 Example: <script> window.close(); </script> (1)Wi

【Javascript】求兩個物件的交集、差集

//dataA，dataB樣例： [{ id: 1, name: 'zw' }] /** * 獲取兩個物件的差集 * @param dataA：大物件 * @param dataB：小物件 *

【JavaScript】BOM—瀏覽器物件

1、window物件 document 獲取物件事件 //這倆種方式相同 window.document.getElementById("###"); document.getElementById("

【JavaScript】中列舉物件中的屬性

有時候，拿到別人的程式碼，我們並不知道某一個物件擁有哪些屬性和屬性值，這個時候別慌，我們可以通過for in 語句來獲取物件裡的屬性和屬性值，(最底部有原始碼，可複製) 語法：for(變數名 in 物件名){ （迴

【Javascript】操作json 多層json物件，根據key獲取value；獲取json的所有的key

/** * 根據key找value：當key都是唯一、不會重複的時候 * @param jsonData：json資料 * @param pathArr：路徑(帶父級)，如：girlfriend.

物件【JavaScript】

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti

【JavaScript】將方法從物件中解耦

在專案中我一直做的一件事情就是把方法從其物件中解耦。 map 、 filter 以及 reduce 並非是全部，但是它們肯定是首先獲得自由的。解耦方法可以讓方法擺脫父物件所施加的限制，同時在表示程式碼的方式上給了我們更多的自由。那麼這到底是啥玩意呢？為簡便起見

【JavaScript】document物件屬性

document物件中，並沒有特別的事件，它所支援的都是通用的。在document上講解這些屬性不具有典型性，但只要掌握了一個物件在某個事件上的處理方式，也就自然的掌握了在其它物件上處理這個事件。對於document物件所支援的事件在這裡就不贅述了。下面說一下do

【JavaScript】面向物件與原型

ECMAScript有兩種開發模式： 1、函式式（過程化） 2、面向物件（OOP）但是ECMAScript沒有類的概念，因此與基於類的語言的物件也有所不同。一、建立物件 var box=new Object();

【javascript】如何在Javascript中創造map物件？

在講解這篇文章之前,我們都知道Map是一個存放鍵值對形式的集合,而Javascript中卻沒有此型別的函式API。那麼能不能利用Array來儲存有鍵值對形式的物件呢？下面將展示在JS中如何建立MAP物

【JavaScript】類和物件

類和物件如果使用非面向物件的方法建立多個類似物件，情形是這樣的：一、非面向物件 //第一個學生 var stu1=new Object(); stu1.name=... stu1.age=... stu1.score=... ... //第二

【Java】連結串列中儲存物件的問題

　　在刷《劍指OFFER》的時候，自己犯了一個錯誤，發現：在連結串列中儲存一個物件時，如果該物件是不斷變化的，則應該建立一個新的物件複製該物件的內容（而不是指向同一個物件），將這個新的物件儲存到連結串列中。如果直接儲存該物件的話，連結串列中的物件也會不斷變化。基本資料型別和String則沒有這種問題。其實

【javaScript】陣列的相關操作

陣列的建立 var arrayObj = new Array();　//建立一個數組 var arrayObj = new Array([size]);　//建

【JavaScript】window物件_frames陣列物件

相關推薦