如何在两张静态html页面之间传递参数！

webcsdn 2005-02-02 08:57:52

两个html页面间如何参数传递

如：
两个html页面。1.html，2.html

2.html

<html>
<head><title></title></head>
<body>
<iframe width="780" height=2000 marginwidth="0" scrolling="no" marginheight="0" align="top" name="main" frameborder="0" src="*.htm" >
</body>
</html>

***************************

1.html

<html>
<head><title></title></head>
<body>
/ ？ /
</body>
</html>
*****************

2.html里的*.htm是任意的页面。如select1.html or select2.html or select3.html
要求：
1。在1.html设一个连接。点击后可传一个参数给2.html，让其确定iframe指定的是那一个连接。
2。用javascript，vbscript实现，如只用html就更好了。
3。不能用asp，jsp，php等实现。

...全文

2605 6 打赏收藏转发到动态举报

写回复

用AI写文章

6 条回复

切换为时间正序

请发表友善的回复…

发表回复

seeu1688 2005-02-03

打赏
举报

复杂点的，传多个变量

1.htm:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<META NAME="Author" CONTENT="Seagle.K">
</HEAD>
<BODY>
<a href="2.htm?var1=http://www.ccidnet.com/&var2=world">ccidnet</a>
<BR>
<a href="2.htm?var1=http://www.csdn.net/&var2=morning">csdn</a>
</BODY>
</HTML>

================================

2.htm:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META http-equiv=Content-Type content="text/html; charset=gb2312">
<META NAME="Author" CONTENT="Seagle.K">
</HEAD>
<BODY>
<SCRIPT LANGUAGE="JavaScript">
var s = window.location.search.substr(1);
var o = new Object();
var aryVars = s.split('&');
for (var i=0;i<aryVars.length;i++)
{
var aryPair = aryVars[i].split('=');
o[aryPair[0]] = aryPair[1];
}

for (var key in o)
{
document.write(key + ' => ' + o[key] + '<br>');
}

document.write('iframe.src="' + o.var1 + '.htm?val='+ o.var2 + '"');
document.write('<br>');
document.write('<iframe width="200" height=200 marginwidth="0" scrolling="no" marginheight="0" align="top" name="main" frameborder="1" src="'+ o.var1 +'?var='+ o.var2 +'">');
</SCRIPT>
</BODY>
</HTML>

meizz 2005-02-03

打赏
举报

1.html:
<a href="2.html?url=select1.html">meizz</a>

2.html:
JS:
function getQuery(name)
{
var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
if (r!=null) return unescape(r[2]); return null;
}
window.onload = function()
{
var url = getQuery("url");
alert(url);
if(url) window.frames["main"].location.href = url;
}

hhjjhjhj 2005-02-02