js中頁(yè)面的重新加載(當(dāng)前頁(yè)面/上級(jí)頁(yè)面)及frame或iframe元素引用介紹
更新時(shí)間：2013年01月24日 17:23:45 作者：
用JavaScript刷新上級(jí)頁(yè)面和當(dāng)前頁(yè)面在某些情況下還是比較實(shí)用的，感興趣的朋友可以了解下另外介紹一下frame或iframe元素的引用方法，希望本文對(duì)你有所幫助
用JavaScript刷新上級(jí)頁(yè)面和當(dāng)前頁(yè)面
<script type="text/javascript">
//刷新上級(jí)頁(yè)面
//window.parent.main.document.location.reload();
//刷新當(dāng)前頁(yè)面
document.location.reload();
</script>
每個(gè)frame元素或者iframe元素就是一個(gè)框架,這個(gè)框架是一個(gè)窗口,在這個(gè)窗口中加載一個(gè)html文檔.使用下面的幾種方法都可以引用frame或iframe元素:
window.frames[index]
windows.frames["框架名"]
windows.框架名
如果想從框架所加載的網(wǎng)頁(yè)中獲取對(duì)父窗口的引用,那么就可以使用下面的方法:
window.parent
如果要對(duì)父窗口中某個(gè)框架的引用,那么就可以使用下面的方法:
window.parent.框架名
也可以使用下面的方法獲取對(duì)父窗口的最頂端框架的引用:
window.top
只要獲得對(duì)框架的引用，就可以操控該框架對(duì)象?。。?
復(fù)制代碼 代碼如下:
<script type="text/javascript">
//刷新上級(jí)頁(yè)面
//window.parent.main.document.location.reload();
//刷新當(dāng)前頁(yè)面
document.location.reload();
</script>
每個(gè)frame元素或者iframe元素就是一個(gè)框架,這個(gè)框架是一個(gè)窗口,在這個(gè)窗口中加載一個(gè)html文檔.使用下面的幾種方法都可以引用frame或iframe元素:
復(fù)制代碼 代碼如下:
window.frames[index]
windows.frames["框架名"]
windows.框架名
如果想從框架所加載的網(wǎng)頁(yè)中獲取對(duì)父窗口的引用,那么就可以使用下面的方法:
復(fù)制代碼 代碼如下:
window.parent
如果要對(duì)父窗口中某個(gè)框架的引用,那么就可以使用下面的方法:
復(fù)制代碼 代碼如下:
window.parent.框架名
也可以使用下面的方法獲取對(duì)父窗口的最頂端框架的引用:
復(fù)制代碼 代碼如下:
window.top
只要獲得對(duì)框架的引用，就可以操控該框架對(duì)象?。。?
相關(guān)文章
數(shù)組的冒泡排序很實(shí)用，不過(guò)還是有些同學(xué)們不會(huì)，于是在本文為大家詳細(xì)介紹下，感興趣的朋友不要錯(cuò)過(guò)2013-12-12
Bootstrap學(xué)習(xí)筆記之環(huán)境配置(1)
這篇文章主要為大家詳細(xì)介紹了Bootstrap學(xué)習(xí)筆記之環(huán)境配置的具體操作方法,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-12-12
新手快速入門(mén)JavaScript裝飾者模式與AOP
這篇文章主要介紹了新手快速入門(mén)JavaScript裝飾者模式與AOP,在不改變對(duì)象）的情況下動(dòng)態(tài)的為其添加功能,這就是裝飾者模式，下面小編帶大家來(lái)深入學(xué)習(xí)一下吧2019-06-06
get post jsonp三種數(shù)據(jù)交互形式實(shí)例詳解
本文通過(guò)實(shí)例給大家詳細(xì)介紹了get post jsonp三種數(shù)據(jù)交互形式，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的的朋友參考下吧2017-08-08
JS實(shí)現(xiàn)基本的網(wǎng)頁(yè)計(jì)算器功能示例
這篇文章主要介紹了JS實(shí)現(xiàn)基本的網(wǎng)頁(yè)計(jì)算器功能,涉及JavaScript事件響應(yīng)及數(shù)值運(yùn)算相關(guān)操作技巧,需要的朋友可以參考下2020-01-01
在JavaScript代碼中，多多少少會(huì)有判斷語(yǔ)句。業(yè)務(wù)越復(fù)雜，邏輯就越復(fù)雜，判斷就越多。今天給大家整理下JavaScript中代碼里常會(huì)用到的那些判斷，有需要的可以參考借鑒。2016-08-08
js將當(dāng)前時(shí)間格式化為 年-月-日 時(shí):分:秒的實(shí)現(xiàn)代碼
這篇文章主要介紹了js將當(dāng)前時(shí)間格式化為 年-月-日 時(shí):分:秒主要是使用js的Date()對(duì)象，將系統(tǒng)當(dāng)前時(shí)間格式化為年-月-日 時(shí):分:秒，需要的朋友可以參考下2018-01-01
javascript避免數(shù)字計(jì)算精度誤差的方法詳解
本篇文章主要是對(duì)javascript避免數(shù)字計(jì)算精度誤差的方法進(jìn)行了介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2014-03-03
JavaScript之生成器_動(dòng)力節(jié)點(diǎn)Java學(xué)院整理
generator（生成器）是ES6標(biāo)準(zhǔn)引入的新的數(shù)據(jù)類(lèi)型。一個(gè)generator看上去像一個(gè)函數(shù)，但可以返回多次，有興趣的可以了解一下。2017-06-06
解決瀏覽器會(huì)自動(dòng)填充密碼的問(wèn)題
本篇文章主要介紹了解決瀏覽器會(huì)自動(dòng)填充密碼問(wèn)題的方法。具有很好的參考價(jià)值。下面跟著小編一起來(lái)看下吧2017-04-04