javascript表單之間的數據傳遞

今天在編寫程序的時候遇到兩個網頁間數據的傳遞問題。

到網上搜索了一大堆的相關資料,終于把問題給解決了。

問題的解決很大部分得歸功于javascript的應用,其中尤爲重要的是javascript的DOM技術。

下面是頁面間常見的一些數據傳遞問題,以及實現代碼。

1:同一個頁面間,兩個FORM之間的參數傳遞

<html>

<head>

<title>大魚之家</title>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

</head>

<body>

<form name="form1" method="post" action="">

<input type="text" name="test1" value=">

<input type="button" name="Submit" value="change_test2" onClick="ok1()">

</form>

<form name="form2" method="post" action="">

<input type="text" name="test2">

<input type="button" name="Submit" value="change_test1" onClick="ok2()">

</form>

</body>

</html>

<script language="javascript">

function ok1()

{

document.form2.test2.value=document.form1.test1.value;

}

function ok2()

{

document.form1.test1.value=document.form2.test2.value;

}

</script>

由上可見。其中主要是對文檔對象document的使用。關于文檔對象document的使用方法可以參考以下文章

:http://www.channel7.cn/bbs/showthread.asp?threadid=506

2:網頁與彈出頁面之間的數據傳遞:

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<title>數據傳遞-大魚</title>

</head>

<body>

<form name="my" method="post" action="#">

<input type="text" name="hehe" value="ffff">

</form>

<a href=# onclick="javascript:open('top-

hehehehe.asp','','scrollbars=yes,width=400,height=200')"><img

src="admin/images/edit/UpFile.gif" alt=上傳文件 width="22" height="22" border=0

style="cursor: hand;"></a>

</body>

</html>

top-hehehehe.asp頁面代碼:

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<title>數據傳遞-大魚</title>

</head>

<form name="bigfish" method="post" action="#">

<input type="text" name="hehe" value="Hei,Wo is your name?">

</form>

<body>

</body>

</html>

<script language="javascript">

opener.document.my.hehe.value=document.bigfish.hehe.value;

</script>

有關彈出頁的使用方法可以參考如下文章:

http://www.channel7.cn/bbs/showthread.asp?threadid=512(說得非常詳細)

http://www.channel7.cn/bbs/showthread.asp?threadid=503

3:頁面與框架頁面之間的數據傳遞

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<title>數據傳遞-大魚</title>

</head>

<body>

<iframe src="top-hehehehe.asp" id="message" align=center></iframe>

<form name="my" method="post" action="#">

<input type="text" name="hehe" value="ffff">

</form>

</body>

</html>

top-hehehehe.asp頁面代碼:

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<title>數據傳遞-大魚</title>

</head>

<form name="bigfish" method="post" action="#">

<input type="text" name="hehe" value="Hei,Wo is your name?">

</form>

<body>

</body>

</html>

<script language="javascript">

top.document.my.hehe.value=document.bigfish.hehe.value;

</script>

4:框架網頁之間的表單的文本框之間數據傳遞

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<title>數據傳遞-大魚</title>

</head>

<body>

<iframe src="top-hehehehe.asp" id="message" align=center></iframe>

<iframe src="top-hehehehe1.asp" id="message1" align=center></iframe>

</body>

</html>

top-hehehehe.asp頁面代碼:

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<title>數據傳遞-大魚</title>

</head><body>

ID爲message框架頁

<form name="my" method="post" action="#">

<input type="text" name="hehe" >

</form>

</body>

</html>

top-hehehehe1.asp頁面代碼:

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<title>數據傳遞-大魚</title>

</head>

</html>

<script language="javascript">

parent.message.document.my.hehe.value="這是ID爲message1框架內部表單項HEHE的值";

</script>

javascript表單之間的數據傳遞!
今天有朋友問我關于用JAVASCRIPT來進行頁面各表單之間的數據傳遞的問題,我以前也寫過,不過從來沒有注意,今天總結了一下,希望能夠給大家一些幫助,也幫助我總結以前學過,用過的知識。 一,最簡單的就是同一個...查看完整版>>javascript表單之間的數據傳遞!
 
javascript表單之間的數據傳遞
今天在編寫程序的時候遇到兩個網頁間數據的傳遞問題。到網上搜索了一大堆的相關資料,終于把問題給解決了。問題的解決很大部分得歸功于javascript的應用,其中尤爲重要的是javascript的DOM技術。下面是頁面間常見的一...查看完整版>>javascript表單之間的數據傳遞
 
javascript表單之間的數據傳遞
今天介紹一下有關JAVASCRIPT來進行頁面各表單之間的數據傳遞的問題,我以前也寫過,不過從來沒有注意,今天總結了一下,希望能夠給大家一些幫助,也幫助我總結以前學過,用過的知識。 一、最簡單的就是同一個網頁...查看完整版>>javascript表單之間的數據傳遞
 
用javascript實現html頁面之間的參數傳遞
摘要:用javascript實現html頁面之間的參數傳遞=========================================================聲明: 作者:紀國瑞 華北電力大學控制系統中心 要轉載此文,必須包含本聲明,並不得修改本聲...查看完整版>>用javascript實現html頁面之間的參數傳遞
 
用javascript實現html頁面之間的參數傳遞
=========================================================聲明: 作者:紀國瑞 要轉載此文,必須包含本聲明,並不得修改本聲明。 ========================================================= ...查看完整版>>用javascript實現html頁面之間的參數傳遞
 
Asp.net頁面之間通過腳本傳遞數據
Asp.net頁面之間通過腳本傳遞數據 Asp.net頁面之間通過腳本傳遞數據 新建一個 WebForm1.aspx頁面,添加一個TextBox和一個Button控件,在頁面的Page_Load裏寫下注冊客戶端腳本的語句:private void Page_L...查看完整版>>Asp.net頁面之間通過腳本傳遞數據
 
Asp.net頁面之間通過腳本傳遞數據
  新建一個 WebForm1.aspx頁面,添加一個TextBox和一個Button控件,在頁面的Page_Load裏寫下注冊客戶端腳本的語句:private void Page_Load(object sender, System.EventArgs e) { // 在此處放置用戶代碼以初始...查看完整版>>Asp.net頁面之間通過腳本傳遞數據
 
Asp.net頁面之間通過腳本傳遞數據
新建一個 WebForm1.aspx頁面,添加一個TextBox和一個Button控件,在頁面的Page_Load裏寫下注冊客戶端腳本的語句:private void Page_Load(object sender, System.EventArgs e) { // 在此處放置用戶代碼以初始化頁...查看完整版>>Asp.net頁面之間通過腳本傳遞數據
 
如何在頁面之間傳遞數據量較大的複雜數據?
1.通常我們會用url傳值來傳遞數據量較小的一些數據,如一些參數等,會利用session傳遞一些全局的會話級的變量。但要窗體之間傳遞一些較複雜的數據,用session生命周期太長,可能不合適。用URL傳值,漢字可能出現編碼...查看完整版>>如何在頁面之間傳遞數據量較大的複雜數據?
 
 
回到王朝網路移動版首頁