当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > javascript表单之间的数据传递(2)

HTML/XHTML教程
HTML代码学习:DOCTYPE的缩写
DTD文档类型声明doctype
邮件HTML的一些经验总结
HTML5标准的前途
实现lightBox时的样式与行为分离减少JS
网页文字实现竖排的几种方法
HTML的dl、dt、dd标记制作表格对决Table制作表格
Web页面中使用自定义选择框Select
XHTML2死掉，XHTML1.x语法在HTML5中可以使用
HTML5与未来的网页设计（英文教程）
IETester兼容win7
HTML5学习资源整理
safari：webkit
iframe自适应大小
微软IE团队开始注重HTML 5规范
网页设计中的标点符号应用规范
优秀产品设计中的9点良好的用户体验设计
HTML 5解析规则
HTML减肥:精简HTML标记制作网页
HTML网页制作教程:谨慎使用iframe标记

No. « 18 19 20 21 »

技术文章搜索

关键字

HTML/XHTML教程 中的 javascript表单之间的数据传递(2)

出处:互联网   整理: 软晨网（RuanChen.com）   发布: 2009-11-04   浏览: 108 ::
收藏到网摘: n/a

   二，第二种是两个窗口之间的表单的文本框之间数据传递。

  其实这个可以在原来的基础上进行一些扩展就可以了。关于如何创建弹出窗口，窗体里的表单的代码， 在这里就不多说了，现在在这里说一下如何操作父窗口的表单里的文本框的数据。具体代码如下：


<script language="JavaScript">
function ok()
{
  opener.document.form2.textfield2.value=document.form1.textfield.value
}
</script>

   三，第三种就是框架网页之间的表单的文本框之间数据传递.

        注意的地方是框架的写法：


<frameset cols="505,505">
  <frame src="test.htm" name="leftr" id="leftr">//定义框架的名称
  <frame src="test2.htm" id="right" name="right">
</frameset>
<noframes><body>

</body></noframes>

具体的实现代码如下：


<script language="JavaScript">
function ok()
{
  parent.leftr.document.form2.textfield2.value=document.form1.textfield.value
}
</script>


    这三种窗口之间的文本框数值互相操作的简单方法就实现了，其它需要注意的就是他们之间的关系。