html页面间的传值

来源:百度知道 编辑:UC知道 时间:2024/07/04 19:33:38
要求画面的标题为“TEST2”,画面上有一个文本输入框和一个按钮,文本输入框填写了内容,按钮click 以后打开了一个新窗口,新窗口的标题为“TEST3”,网页上显示刚才文本框的内容。如果文本框里没有内容,则显示一个提示框,“请在文本输入框里输入内容”。

首先先明确一下HTML页面是不可以接受表单请求值的.不过HTML页面中可以使用JS,我们用JS可以手动的实现一些东西

JS中可以用window.location.href属性获取完整地址,那么我们的参数完全可以使用GET模式来传递即表单的method="GET"

下边是用JS构造的获取get模式提交值的一个函数.
function Request(strName)
{
var strHref = window.document.location.href;
var intPos = strHref.indexOf("?");
var strRight = strHref.substr(intPos + 1);

var arrTmp = strRight.split("&");
for(var i = 0; i < arrTmp.length; i++)
{
var arrTemp = arrTmp[i].split("=");

if(arrTemp[0].toUpperCase() == strName.toUpperCase()) return arrTemp[1];
}
return "";
}

使用方法:
var id=Request("id");
document.write(id);

有了这个函数我们就可以在test3页面上进行取值了.将取得的值付给文本框的value属性中即可

代码如下:

test2.htm

<title>test2</title>
<form method=get action="test3.htm">
<input name="abc"><i