87,988
社区成员
发帖
与我相关
我的任务
分享怎样用JS实现打开一个新生成的页面
需求是这样的：我在做一个新闻录入小模块，录入页面中需输入标题，正文等内容，有一个插入按钮，实现插入到数据库。插入功能已经实现。我现在想在插入数据库之前，能先预览一下新闻页面的效果，于是又加了个预览按钮，希望在单击这个按钮后能弹出一个页面，在这个页面里能预览到先前输入的新闻信息。请问用javascript（纯客户端实现，不用JSP）如何实现？希望高手们能跟我讲下原理和大致实现过程，跪地拜谢！
...全文
请发表友善的回复…
发表回复
liuzaix 2006-08-03
- 打赏
- 举报
顶上去。
liuzaix 2006-08-03
- 打赏
- 举报
我同事也是这么跟我讲的。但他讲的不如你明白。
感谢你的热心！
感谢你的热心！
lantersen 2006-08-03
- 打赏
- 举报
你的第一个页面：
<script language="javascript" type="text/javascript">
var popu = null;
function preview()
{
var handle = window.open("./n2.html","preview","toolbar=no,width=400,height=300,location=no,resize=no");
var popu = handle.opener();
}
</script>
</HEAD>
<BODY>
<FORM METHOD=POST ACTION="" name="form1">
name<INPUT TYPE="text" id="name" NAME="name" value="Uname">
title<INPUT TYPE="text" id="title" NAME="title" value="yourtitle">
depart<INPUT TYPE="text" id="depart" NAME="depart" value="Udepartment">
<INPUT TYPE="button" NAME="" value="Pre-view" onclick="preview();">
</FORM>
</BODY>
</HTML>
你的预览页面
<script language="javascript" type="text/javascript">
function showit()
{
var name = document.getElementById("pname");
var title = document.getElementById("ptitle");
var depart = document.getElementById("pdepart");
name.innerText = window.opener.document.getElementById("name").value;
title.innerText = window.opener.document.getElementById("title").value;
depart.innerText = window.opener.document.getElementById("depart").value;
}
</script>
</HEAD>
<BODY onload="showit();">
<TABLE width="50%" align="center" border="1">
<TR>
<TD width="30%">name</TD>
<TD id="pname"> </TD>
</TR>
<TR>
<TD>title</TD>
<TD id="ptitle"> </TD>
</TR>
<TR>
<TD>department</TD>
<TD id="pdepart"> </TD>
</TR>
</TABLE>
</BODY>
</HTML>
<script language="javascript" type="text/javascript">
var popu = null;
function preview()
{
var handle = window.open("./n2.html","preview","toolbar=no,width=400,height=300,location=no,resize=no");
var popu = handle.opener();
}
</script>
</HEAD>
<BODY>
<FORM METHOD=POST ACTION="" name="form1">
name<INPUT TYPE="text" id="name" NAME="name" value="Uname">
title<INPUT TYPE="text" id="title" NAME="title" value="yourtitle">
depart<INPUT TYPE="text" id="depart" NAME="depart" value="Udepartment">
<INPUT TYPE="button" NAME="" value="Pre-view" onclick="preview();">
</FORM>
</BODY>
</HTML>
你的预览页面
<script language="javascript" type="text/javascript">
function showit()
{
var name = document.getElementById("pname");
var title = document.getElementById("ptitle");
var depart = document.getElementById("pdepart");
name.innerText = window.opener.document.getElementById("name").value;
title.innerText = window.opener.document.getElementById("title").value;
depart.innerText = window.opener.document.getElementById("depart").value;
}
</script>
</HEAD>
<BODY onload="showit();">
<TABLE width="50%" align="center" border="1">
<TR>
<TD width="30%">name</TD>
<TD id="pname"> </TD>
</TR>
<TR>
<TD>title</TD>
<TD id="ptitle"> </TD>
</TR>
<TR>
<TD>department</TD>
<TD id="pdepart"> </TD>
</TR>
</TABLE>
</BODY>
</HTML>
