javascript 調(diào)用其他頁(yè)面的js函數(shù)或變量的腳本
更新時(shí)間:2008年05月28日 22:39:55 作者:
web開發(fā)的時(shí)候,有時(shí)候需要使用其他頁(yè)面上寫好的javasript函數(shù)、變量。如彈出窗口需要使用父窗口中的函數(shù),框架1需要使用框架2中的函數(shù)。
調(diào)用函數(shù)、變量的方法一樣,都是需要首先獲得你需要調(diào)用的函數(shù)所在的window對(duì)象,然后通過window.method()或者 window.variable 來調(diào)用。
下面的示例演示了一個(gè)彈出窗口如何調(diào)用起父窗口中的方法和變量。
父窗口:1.html
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
彈出窗口:2.html
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
說明:在2.html中,通過window.opener來獲取彈出窗口的父窗口的window對(duì)象。
反向思考:在一個(gè)頁(yè)面中,也可以通過window.method()或者 window.variable來使用方法或者變量,例如1.html中的function sayHello2(){window.sayHello();},只是由于window是默認(rèn)的對(duì)象,所以根本不需要加上。
下面的示例演示了一個(gè)彈出窗口如何調(diào)用起父窗口中的方法和變量。
父窗口:1.html
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
彈出窗口:2.html
[Ctrl+A 全選 注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]
說明:在2.html中,通過window.opener來獲取彈出窗口的父窗口的window對(duì)象。
反向思考:在一個(gè)頁(yè)面中,也可以通過window.method()或者 window.variable來使用方法或者變量,例如1.html中的function sayHello2(){window.sayHello();},只是由于window是默認(rèn)的對(duì)象,所以根本不需要加上。
相關(guān)文章
兩種WEB下的模態(tài)對(duì)話框 (asp.net或js的分別實(shí)現(xiàn))
在如今互聯(lián)網(wǎng)網(wǎng)站上,AJAX效果風(fēng)靡一時(shí),應(yīng)該說AJAX技術(shù)在未來幾年不會(huì)動(dòng)搖,在AJAX效果中,模態(tài)對(duì)話框是比較常見的效果,也是非常適用的。2009-12-12
JS簡(jiǎn)單生成兩個(gè)數(shù)字之間隨機(jī)數(shù)的方法
這篇文章主要介紹了JS簡(jiǎn)單生成兩個(gè)數(shù)字之間隨機(jī)數(shù)的方法,涉及javascript數(shù)值運(yùn)算的相關(guān)技巧,需要的朋友可以參考下2016-08-08
JavaScript給url網(wǎng)址進(jìn)行encode編碼的方法
這篇文章主要介紹了JavaScript給url網(wǎng)址進(jìn)行encode編碼的方法,實(shí)例分析了javascript中encodeURIComponent函數(shù)的使用技巧,需要的朋友可以參考下2015-03-03
localStorage實(shí)現(xiàn)便簽小程序
這篇文章主要為大家詳細(xì)介紹了localStorage實(shí)現(xiàn)便簽小程序的相關(guān)資料,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-11-11
Bootstrap導(dǎo)航條可點(diǎn)擊和鼠標(biāo)懸停顯示下拉菜單的實(shí)現(xiàn)代碼
這篇文章主要介紹了Bootstrap導(dǎo)航條可點(diǎn)擊和鼠標(biāo)懸停顯示下拉菜單的實(shí)現(xiàn)代碼的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-06-06
如何利用 JS 腳本實(shí)現(xiàn)網(wǎng)頁(yè)全自動(dòng)秒殺搶購(gòu)功能
這篇文章主要介紹了如何利用 JS 腳本實(shí)現(xiàn)網(wǎng)頁(yè)全自動(dòng)秒殺搶購(gòu)功能,本文通過實(shí)例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-10-10

