当前位置: 首页 > 图文教程 > 网络编程 > Javascript > IE5中用JavaScript跨frame加option问题

Javascript
学习js所必须要知道的一些
动态生成页面元素的代码
js+FSO遍历文件夹下文件并显示
动态控制Table的js代码
javascript中的location用法简单介绍
用window.location.href实现刷新另个框架页面
从JavaScript的函数重名看其初始化方式
利用JScript中运算符"||"和"&&"的特殊特性实现代码精简
JScript中的''var''定义变量的作用域
JavaScript语言中的Literal Syntax特性分析
JS类中定义原型方法的两种实现的区别
在JavaScript中使用inline函数的问题
区分JS中的undefined,null,"",0和false
JavaScript中this关键字使用方法详解
function, new function, new Function之间的区别
JScript中的"this"关键字使用方式补充材料
JavaScript语句可以不以;结尾的烦恼
JScript中的undefined和"undefined"的区别
使用IE的地址栏来辅助调试Web页脚本
JS类库Bindows1.3中的内存释放方式分析

Javascript 中的 IE5中用JavaScript跨frame加option问题


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-08-10   浏览: 256 ::
收藏到网摘: n/a

跨frame加option,以下代码在IE5中会出错,但在IE4、IE6、Opera6、NNx中都没有问题:

<script>
function addOption(aSelect, optionId, optionName) { newOption = new Option(optionName, optionId); aSelect.options[aSelect.options.length] = newOption;
}
</script>


这样才是对的:
<script>
function addOption(aSelect, optionId, optionName) { ownerWindow = aSelect.document.parentWindow; ownerWindow.newOption = new Option(optionName, optionId); aSelect.options[aSelect.options.length] = ownerWindow.newOption;
}
function crossFrameAddOption() { var aSelect = parent.otherFrameName.document.forms[0].theSelectName; addOption(aSelect , "id"+ aSelect.options.length, "name"+ aSelect.options.length);
}
</script>
<input type="button" onClick="crossFrameAddOption();" value="test">

微软的解释如下: In general, at least in the older browser versions, performance seems to improve if you call methods on the target frame if they are stored there as well. This is particularly relevant when trying to add options to a select box in another frame. Make sure you create the option in that other frame so you are adding it to a local select box, instead of trying to cross frame boundaries.

http://msdn.microsoft.com/library/default.asp?url=/library/en-us/dnwebteam/html/Webteam02052002.asp