js實現父頁面獲取iframe子頁面內容程式碼

antzone發表於2017-03-21

<iframe>在當前來看還是比較常用的元素,所以從父頁面讀取它的內容是必須要掌握的技巧,下面就做一下簡單的介紹,希望能夠給需要的朋友帶來一定的幫助,程式碼如下:

一.父頁面中的iframe頁面:

[HTML] 純文字檢視 複製程式碼
<iframe name="antzone"></iframe>

二.子頁面中的元素:

[HTML] 純文字檢視 複製程式碼
<input type="text" id="date" value="2013-11-12"/>

三.獲取子頁面文字框的值:

[JavaScript] 純文字檢視 複製程式碼
var thedate=window.frames["antzone"].document.getElementById('date').value;


相關文章