網(wǎng)站后臺(tái)一般會(huì)把公共的部分放在一個(gè)頁(yè)面奠货,這里稱(chēng)之為父頁(yè)面幢踏,而把具體的內(nèi)容放入一個(gè)iframe中官觅,之后的請(qǐng)求只改變iframe的內(nèi)容
但是這樣會(huì)有一個(gè)問(wèn)題摇展,因?yàn)闉g覽器的url是父頁(yè)面的鏈接刻肄,當(dāng)你按F5刷新的時(shí)候瓤球,并不是刷新iframe所對(duì)應(yīng)的頁(yè)面,而是刷新了父頁(yè)面敏弃,使系統(tǒng)回到了最初的位置卦羡,這樣對(duì)操作是很不爽的
假設(shè):其中index.php是父頁(yè)面,Mainindex是對(duì)應(yīng)的iframe框架ID麦到,site/index.php是對(duì)應(yīng)加載的子頁(yè)面
index.php:
<body><div>
<iframe id="Mainindex" name="Mainindex" src="site/index.php"></iframe>
</div></body>
在index的部分绿饵,添加如下js代碼,用來(lái)監(jiān)聽(tīng)在index頁(yè)面的F5的刷新操作
$("body").bind("keydown",function(event){
if(event.keyCode == 116) {
event.preventDefault();//阻止默認(rèn)刷新
$("#main_frame").attr("src",window.frames["main_frame"].src);
}
})
在iframe的子頁(yè)面site/index.php中瓶颠,添加以下js代碼(或新建js文件引用)拟赊,監(jiān)聽(tīng)iframe對(duì)應(yīng)的頁(yè)面的F5的刷新操作
$("body").bind("keydown",function(event){
if(event.keyCode == 116) {
event.preventDefault(); //阻止默認(rèn)刷新
//location.reload(); //采用location.reload()在火狐下可能會(huì)有問(wèn)題,火狐會(huì)保留上一次鏈接
location=location;
}
})
這樣粹淋,即可實(shí)現(xiàn)網(wǎng)站后臺(tái)iframe下的子頁(yè)面吸祟,按F5,只刷新iframe引用的子頁(yè)面桃移,不會(huì)刷新到主頁(yè)面
即:F5等同于刷新框架屋匕,不加載父頁(yè)面