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

Javascript
javascript 函数介绍
超酷的鼠标拖拽翻页(分页)效果实现javascript代码
关于Javascript中的事件--Event对象
js+css图片自动等比例缩小且垂直居中
输入法下keyup失效的解决方案
关于初次学习Ajax的一些心得
可以不被浏览器拦截的弹出窗口JS代码
网页设计常用的Javascript特效代码
XMLHTTPRequest的属性和方法
微软、Mozilla舌战新版JavaScript发展
网页制作中常用的几段小Javascript代码
Ajax是建立Web应用的一条新途径
AJAX学习:理解JavaScript函数
javascript下的正则表达式基本书写
学习 javascript 注意的4个问题
javascript正则表达式的常用方法总结
初学者全面接触学习jquery(译文)
用Ajax和Web2.0扩展SOA
使用 jQuery 简化 Ajax 开发
关于clientHeight、offsetHeight、scrollHeight

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


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-08-10   浏览: 300 ::
收藏到网摘: 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