js父頁面中使用子頁面的方法
iframe是非常常用的一個(gè)html元素,如果在父頁面中使用子頁面的方法應(yīng)該怎么寫呢,下面就做一下簡單的介紹。
一、父頁面代碼
<html> <head> <meta charset=" gb2312"> <title>父頁面</title> <script type="text/javascript"> function parentFunction() { alert('function in parent'); } function callChild() { child.window.childFunction(); /* child 為iframe的name屬性值, 不能為id,因?yàn)樵贔ireFox下id不能獲取iframe對象 */ } </script> </head> <body> <iframe name="child" src="./child.html" ></iframe> </body> </html>
二、iframe中的代碼
<html> <head> <meta charset="gb2312"> <title>iframe代碼</title> <script type="text/javascript"> function childFunction() { alert('function in child'); } function callParent() { parent.parentFunction(); } </script> </head> <body> </body> </html>
上面兩個(gè)代碼可以在父頁面和子頁面對對方的函數(shù)進(jìn)行相互調(diào)用,比較簡單,不多介紹了。
希望本文所述對大家學(xué)習(xí)javascript程序設(shè)計(jì)有所幫助。
相關(guān)文章
JS實(shí)現(xiàn)移動(dòng)端整屏滑動(dòng)的實(shí)例代碼
本文通過實(shí)例代碼給大家分享了基于js 實(shí)現(xiàn)移動(dòng)端整屏滑動(dòng)效果,基本思路是檢測手指滑動(dòng)方向,獲取手指抬起時(shí)的位置,減去手指按下時(shí)的位置,得正即為向下滑動(dòng)了,具體實(shí)現(xiàn)代碼大家參考下本文2017-11-11JavaScript實(shí)現(xiàn)仿網(wǎng)易通行證表單驗(yàn)證
這篇文章主要介紹了JavaScript實(shí)現(xiàn)仿網(wǎng)易通行證表單驗(yàn)證,十分的實(shí)用,有需要的小伙伴可以參考下。2015-05-05js中點(diǎn)擊空白區(qū)域時(shí)文本框與隱藏層的顯示與影藏問題
文本框獲得焦點(diǎn)的時(shí)在文本框的下方顯示一個(gè)浮動(dòng)層,點(diǎn)擊文本框隱藏浮動(dòng)層,下面為大家介紹下鼠標(biāo)點(diǎn)擊時(shí)文本框與隱藏層處理問題,感興趣的朋友可以參考下2013-08-08使用canvas實(shí)現(xiàn)魔法攝像頭的示例代碼
我們用手機(jī)的攝像頭自拍,很容易實(shí)現(xiàn)簡單的自拍效果,如復(fù)古、黑白等等,其實(shí)我們使用web端的JavaScript也是可以實(shí)現(xiàn)的,接下來就帶領(lǐng)小伙伴實(shí)現(xiàn)一個(gè)魔法攝像頭,并且提供了截圖下載功能,需要的朋友可以參考下2023-08-08一文詳解Javascript內(nèi)存機(jī)制與垃圾回收
這篇文章主要給大家詳細(xì)介紹了Javascript的內(nèi)存機(jī)制與垃圾回收,文中又詳細(xì)的代碼示例,對我們學(xué)習(xí)Javascript有一定的幫助,需要的同學(xué)可以借鑒閱讀2023-06-06