BlogJava-永赫空间-随笔分类-jsonhttp://www.blogjava.net/lsshap/category/42768.htmlzh-cnThu, 19 Nov 2009 06:49:56 GMTThu, 19 Nov 2009 06:49:56 GMT60用JS或jQuery访问页面内的iframe,兼容IE/FF http://www.blogjava.net/lsshap/archive/2009/11/19/302875.html永赫永赫Thu, 19 Nov 2009 01:14:00 GMThttp://www.blogjava.net/lsshap/archive/2009/11/19/302875.htmlhttp://www.blogjava.net/lsshap/comments/302875.htmlhttp://www.blogjava.net/lsshap/archive/2009/11/19/302875.html#Feedback0http://www.blogjava.net/lsshap/comments/commentRss/302875.htmlhttp://www.blogjava.net/lsshap/services/trackbacks/302875.htmljs或者jQuery访问页面中的框架也就是iframe.

注意:框架内的页面是不能跨域的!


假设有两个页面,在相同域下.

index.html 文件内含有一个iframe:

XML/HTML代码
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  2. <html xmlns="http://www.w3.org/1999/xhtml">  
  3. <head>  
  4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />  
  5. <title>页面首页</title>  
  6. </head>  
  7.   
  8. <body>  
  9. <iframe src="iframe.html" id="koyoz" height="0" width="0"></iframe>  
  10. </body>  
  11. </html>  

iframe.html 内容:

XML/HTML代码
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  
  2. <html xmlns="http://www.w3.org/1999/xhtml">  
  3. <head>  
  4. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />  
  5. <title>iframe.html</title>  
  6. </head>  
  7.   
  8. <body>  
  9. <div id="test">www.koyoz.com</div>  
  10. </body>  
  11. </html>  

 

1. 在index.html执行JS直接访问:

JavaScript代码
  1. document.getElementById('koyoz').contentWindow.document.getElementById('test').style.color='red'  

通过在index.html访问ID名为'koyoz'的iframe页面,并取得此iframe页面内的ID为'test'的对象,并将其颜色设置为红色.

此代码已经测试通过,能支持IE/firefox .

2. 在index.html里面借助jQuery访问:

JavaScript代码
  1. $("#koyoz").contents().find("#test").css('color','red');  

此代码的效果和JS直接访问是一样的,由于借助于jQuery框架,代码就更短了.

 

补充一下：

用DOM方法与jquery方法结合的方式实现了

1.在父窗口中操作 选中IFRAME中的所有单选钮
$(window.frames["iframe1"].document).find("input[@type='radio']").attr("checked","true");

2.在IFRAME中操作 选中父窗口中的所有单选钮
$(window.parent.document).find("input[@type='radio']").attr("checked","true");

iframe框架的：<iframe src="test.html" id="iframe1" width="700" height="300" frameborder="0" scrolling="auto"></iframe>

IE7中测试通过



永赫 2009-11-19 09:14 发表评论
]]>出现java.lang.NoClassDefFoundError: net/sf/ezmorph/Morpher错误http://www.blogjava.net/lsshap/archive/2009/11/16/302602.html永赫永赫Mon, 16 Nov 2009 12:39:00 GMThttp://www.blogjava.net/lsshap/archive/2009/11/16/302602.htmlhttp://www.blogjava.net/lsshap/comments/302602.htmlhttp://www.blogjava.net/lsshap/archive/2009/11/16/302602.html#Feedback0http://www.blogjava.net/lsshap/comments/commentRss/302602.htmlhttp://www.blogjava.net/lsshap/services/trackbacks/302602.html


Json必需的包

commons-httpclient-3.1.jar
commons-lang-2.4.jar
commons-logging-1.1.1.jar
json-lib-2.2.3-jdk13.jar
ezmorph-1.0.6.jar
commons-collections-3.2.1.jar

以上包可以从

http://commons.apache.org/index.html

http://json-lib.sourceforge.net/

http://ezmorph.sourceforge.net/

http://morph.sourceforge.net/

http://www.docjar.com/

中下载到。

出现java.lang.NoClassDefFoundError: net/sf/ezmorph/Morpher错误是因为没有导入ezmorph.jar文件或版本不对。

出现java.lang.NoClassDefFoundError: org/apache/commons/collections/map/ListOrderedMap错误是因为没有导入commons-collections.jar文件或版本不对。

Java代码转换成json代码

1.      List集合转换成json代码

List list = new ArrayList();

list.add( "first" );

list.add( "second" );

JSONArray jsonArray2 = JSONArray.fromObject( list );

2.      Map集合转换成json代码

Map map = new HashMap();

map.put("name", "json");

map.put("bool", Boolean.TRUE);

map.put("int", new Integer(1));

map.put("arr", new String[] { "a", "b" });

map.put("func", "function(i){ return this.arr; }");

JSONObject json = JSONObject.fromObject(map);

3.      Bean转换成json代码

JSONObject jsonObject = JSONObject.fromObject(new JsonBean());

4.      数组转换成json代码

boolean[] boolArray = new boolean[] { true, false, true };

JSONArray jsonArray1 = JSONArray.fromObject(boolArray);



5. 一般数据转换成json代码

JSONArray jsonArray3 = JSONArray.fromObject("['json','is','easy']" );

6.      beans转换成json代码

List list = new ArrayList();

JsonBean2 jb1 = new JsonBean2();

jb1.setCol(1);

jb1.setRow(1);

jb1.setValue("xx");

JsonBean2 jb2 = new JsonBean2();

jb2.setCol(2);

jb2.setRow(2);

jb2.setValue("");

list.add(jb1);

list.add(jb2);

永赫 2009-11-16 20:39 发表评论
]]>