easyui 的dialog

如果easyui的dialog的id是动态创建的 ，在关闭dialog时，必须销毁dialog

if($("#id").length == 0){ 

//因为关闭的时候，是强制销毁的，如果没有这个3行代码，再次点击新增或修改时，是不能创建dialog

$(document.body).append("<div id='id'></div>");

}

var content = '<iframe id="idframe"  width="100%" height="99%" frameborder="0" scrolling="auto"></iframe>';

$('#id').dialog({
title: '标题',
width: 700,
height: 500,
closed: false,
cache: false,
content:content,
href: href,
modal: true,
border : 'thick',
shadow : false,
inline : false,
onClose:function(){
    $('#id').dialog('destroy');
    },

})

如果需要调用dialog 跳转的页面js  则需要使用内联框架 iframe 

 '<iframe id="idframe"    src="  '+href+' " width="100%" height="99%" frameborder="0" scrolling="auto"></iframe>'

内联框架可以实现局部刷新，弊端则是多层嵌套iframe时，子父iframe页面的元素和方法调用不方便

在iframe中获取父级内容

window.parent 获取上一级的window对象，如果还是iframe则是该iframe的window对象

window.top 获取最顶级容器的window对象，即，就是你打开页面的文档

window.self 返回自身window的引用。可以理解 window===window.self(脑残)