Iframe頁面間傳值,方便有效

首先,需要一個js文件,文件內部代碼如下:

var mp=window.top.document; 

function sendout(name, data) {
	try{
		eval("mp.on" + name + "(data);");
	}catch(error){		
	}
}

function receive(name, fun) {
	try{
		eval("mp.on" + name + "=fun;");
	}catch(error){
	}
}

之後,開始調用。已子父頁面爲例:

子頁面:

第一步:導入上述js。

第二步:寫入如下代碼:

<script type="text/javascript">
sendout("參數名",要傳的值);
</script>

第三部:子頁面結束。

父頁面:

第一步:導入上述js。

第二步:在script寫入如下代碼:

receive("參數名",function(data){
	//data爲子頁面傳過來的參數,你可以使用它,舉個簡單的例子:更改iframe的src:
    // $("#iframe的ID").attr('src', data);   (使用前要導入jquery.js)
});

第三步:確認子頁面和父頁面都導入了上述js文件。

第四步:完成,測試看效果。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章