js子頁面獲取父頁面數(shù)據(jù)示例
更新時間:2014年05月15日 14:53:56 作者:
這篇文章主要介紹了js子頁面如何獲取父頁面數(shù)據(jù),需要的朋友可以參考下
做頁面預(yù)覽的時候,數(shù)據(jù)沒有存入數(shù)據(jù)庫,但是要打開一個頁面進行預(yù)覽,詢問眾大嬸,原來是這樣來做。
1、父頁面
<input type="text" id="name" value="zhangsan"/>
<a href="a.html" target="_blank">預(yù)覽</a>
2、子頁面,也就是a.html獲取父頁面中文本框的value
$(function(){
console.info(window.opener.document.getElementById("name").value);
});
這樣控制臺中出來的則是父頁面文本框的值
Don't hurry say have no choice, perhaps, next intersection will meet hope.
1、父頁面
復(fù)制代碼 代碼如下:
<input type="text" id="name" value="zhangsan"/>
<a href="a.html" target="_blank">預(yù)覽</a>
2、子頁面,也就是a.html獲取父頁面中文本框的value
復(fù)制代碼 代碼如下:
$(function(){
console.info(window.opener.document.getElementById("name").value);
});
這樣控制臺中出來的則是父頁面文本框的值
Don't hurry say have no choice, perhaps, next intersection will meet hope.
相關(guān)文章
JavaScript實現(xiàn)重力下落與彈性效果的方法分析
這篇文章主要介紹了JavaScript實現(xiàn)重力下落與彈性效果的方法,結(jié)合實例形式分析了javascript重力下落及彈性效果的原理與具體實現(xiàn)技巧,需要的朋友可以參考下2017-12-12淺談js對象的創(chuàng)建和對6種繼承模式的理解和遐想
下面小編就為大家?guī)硪黄獪\談js對象的創(chuàng)建和對6種繼承模式的理解和遐想。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-10-10JS實現(xiàn)兼容各瀏覽器解析XML文檔數(shù)據(jù)的方法
這篇文章主要介紹了JS實現(xiàn)兼容各瀏覽器解析XML文檔數(shù)據(jù)的方法,涉及javascript對XML文件的解析技巧,并根據(jù)各瀏覽器進行了相關(guān)調(diào)整,具有良好的兼容性,需要的朋友可以參考下2015-06-06javascript oop開發(fā)滑動(slide)菜單控件
這里因為是演示所以讓HTML CSS盡量的簡化,另外使用jquery的 fn.slideUp fn.slideDown 實現(xiàn)起來會更容易不過我作為一個專業(yè)的開發(fā)者多了解些原生的JS對技術(shù)的提高還是很有幫助。2010-08-08JavaScript ECMA-262-3 深入解析.第三章.this
在這篇文章里,我們將討論跟執(zhí)行上下文直接相關(guān)的更多細節(jié)。討論的主題就是this關(guān)鍵字2011-09-09