BlogJava-A Developer's Notebook-随笔分类-AJAX

攻破iframe围城

Jarod — Fri, 25 Aug 2006 12:25:00 GMT

最近因项目需求，需要在JS代码中实现IFrame内外页面的互访问。经过一番试验终于找到方法，以下是试验时用的代码（在IE，Firefox中可正常运行）：

main.html

1 <html>
2 <head>
3     <title>MAINtitle>
4     <script type="text/javascript">
5         // 主页面访问IFrame页面DOM内容
6         function oinit() {
7             alert(getIFrameDoc("iframe1").getElementById("idiv").id);
8         }
9         function getIFrameDoc(id) {
10             var iframe = document.getElementById(id);
11             var doc = (iframe.contentWindow || iframe.contentDocument);
12             if (doc.document) {
13                 doc = doc.document;
14             }
15             return doc;
16         }
17     script>
18 head>
19 <body onload="oinit()">
20     <div id="odiv">
21         <iframe id="iframe1" src="iframe.html">iframe>
22     div>
23 body>
24 html>

iframe.html

1 <html>
2 <head>
3     <title>IFRAMEtitle>
4     <script type="text/javascript">
5         // IFrame页面访问外层页面DOM内容
6         function iinit() {
7             alert(window.parent.document.getElementById("odiv").id);
8         }
9     script>
10 head>
11 <body onload="iinit()">
12     <div id="idiv">
13 body>
14 html>

Jarod 2006-08-25 20:25 发表评论

JS中的网址转义

Jarod — Wed, 02 Aug 2006 13:03:00 GMT

JS中对网址进行转义有三个方法，分别是escape(), encodeURI(), encodeURIComponent()
这三个方法都是把网址中的非ASCII字符转为%XX的形式

三个方法的区别是分别有些字符是不做转义的：
escape() -

@*/+
encodeURI()           -

!@#$&*()=:/;?+'
encodeURIComponent()  -

!*()'

Jarod 2006-08-02 21:03 发表评论

AJAX开发——IE怪异之墙

Jarod — Wed, 19 Jul 2006 14:35:00 GMT

XmlHttpRequest
描述：当使用get方法获取内容时，IE会直接从缓存取内容，就算服务器有更新也一样
解决：1)不管3721一率采用post方法；2）在URL加上随机参数值；3）在HTTP头加上If-Modified-Since，设成过去时间值。
table, tr标签的innerHTML只读
描述：在FF中可写，但在IE中级table,tr的innerHTML赋值会出未知运行时错误
解决：1)避而不用，嵌套多一层div；2)听说可以为IE的innerHTML扩展setter;
JSON构造中的小逗号
描述：var json = {a:10,b:10,c:10,}在FF中没事，在IE中出错
解决：。。。
select的option
描述：firefox中可以通过option的disabled属性使选项无效，可恶的IE竟然无视这个属性。
解决：无
img的onload（参考）
在IE要绑定onload到img中，只能在html中做，通过js做绑定是不行的
只能这样写

Jarod 2006-07-19 22:35 发表评论