frame与frame之间如何用JavaScript传值

2008.10.06 / 标签: ,,, / 分类: ExtJS
4°

这个依然是为我的项目而服务的，因为项目的功能需要此技术来实现，或许对很多人来说这个不难，可是对我这个不太对JavaScript感冒的人来说就不是那么容易了，办法只有一个：找资料现学呗。

先来了解一下相关知识：要实现框架中多窗体的不同元素的访问，则必须使用window对象中的Frames属性。Frames属性同样也是一个数组，它在父框架集中为每一个子框架设有一项。通过下标实现不同框架的访问:
parent.frames[Index1].docuement.forms[index2]
通过parent.frames.length确定窗口中窗体的数目。除了使用数组下标来访问窗体外还可以使用框架名和窗体名来实现各元素的访：
parent.framesName.document.getElementById()
OK，这么点资料就够用了，我们来小试一把。首先创建一个theFather.html，其代码如下：

 
  1. <html>
  2. <head>
  3. <title>frame get Value test</title>
  4. </head>
  5. <iframe frameborder="1" height="78" marginheight="0" marginwidth="0" scrolling="no" width="100%" src="theSon.html"></iframe>
  6. <h3>这是theFather的文本框</h3>
  7. <input type="text" name="txtFather" id="txtFather" />
  8. </html>

 

接下来创建theSon.html，其代码如下：

 
  1. <html>
  2. <head>
  3. <title>the son frame</title>
  4. <script type="text/javascript">
  5. //此方法用于向其父文本框类赋值
  6. function setValue(){
  7.   
  8.   //获得子类文本框中的值
  9.   var sonValue=document.getElementById("txtSon").value;
  10.   //弹出信息，此处仅用于测试
  11.   alert("theSon的值为："+sonValue);
  12.   //向父类文本框赋值
  13.   parent.document.getElementById("txtFather").value=sonValue;
  14. }
  15. </script>
  16. </head>
  17. <body>
  18. <h3>这是theSon的文本框及按钮</h3>
  19. <input type="text" name="txtSon" id="txtSon" />
  20. <input type="button" name="btnSon" id="btnSon" value="提交" onclick="setValue();" />
  21. </body<
    span class="tag">>
  22. </html>

 

接下来运行测试，达到了预期的效果，现在可以正式融入项目中了。

 

JavaScript 的值

2008.04.28 / 标签: , / 分类: ExtJS
Sofa

JavaScript 承认以下几种值：

  1. 数值：例如85或3.1415等；
  2. 逻辑（布尔）值：如 true 和 false；
  3. 字符串：如“您好”；
  4. null：空值，它是 JavaScript 的保留值，因为 JavaScript 的大小写敏感性，因此它不同与如 Null 或 NULL 等其它变量；
  5. undefined：值的顶级属性是未定义的，它也是一个保留值。

　　JavaScript 是一种动态数据类型语言，也就是说，当您声明一个变量时不必指定数据的类型，当程序执行时它会自动将其转换为您所需要的类型。而当您在一个表达式中将一个字符串类型的值和数值型的值进行“+”运算时，JavaScript 会将数值转换为字符串，如下：

x="The answer is"+23　　 //将返回"The answer is 23"

而在含别的运算符的语句中，却不会发生这种事情，如：

x="23"-2　　 //将返回21

无觅相关文章插件，快速提升流量