JavaScript问题求助

kakalixiaoyu 2011-12-08 12:50:27

问题是这样的：
多窗口应用
1) 制作页面，提供文本框，由用户输入内容
2) 点击按钮，创建一个新的页面，并在页面内显示用户输入的内容

我编写的代码如下

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<script type="text/javascript">
function Submit()
{
var f=document.myform;
document.write(f.text.value);
}
</script>
</head>

<body>
<form name="myform">
<input type="text" id="text" name="text" > <br />
<input type="submit" name="submit" value="提交" onclick="Submit()">
</form>
</body>
</html>

问题：我写的代码只能够在本来的窗口显示内容，请问如何实现在新窗口显示，谢谢！

...全文

81 4 打赏收藏转发到动态举报

写回复

用AI写文章

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

orhz_IT 2011-12-08

打赏
举报

试试下面代码：

A.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title> New Document </title>
<script type="text/javascript">
function Submit(){
//返回true提交，false不提交
try{
var f=document.myform;
f.action = "B.html?text="+f.text.value+"&random="+new Date().getTime(); //加个随机数清缓存
return true;
}catch(e){
alert(e);
return false;
}
}
</script>
</head>
<body>
<form name="myform" onSubmit="return Submit()" target="_blank">
<input type="text" id="text" name="text" > <br />
<input type="submit" name="submit" value="提交">
</form>
</body>
</html>

B.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
</head>
<body>

</body>
</html>
<script>
var url = window.location.href; //得到访问url地址
document.body.innerHTML = url.split("?")[1].split("&")[0].split("=")[1];
</script>