iframe中的jquery ui modal dialog 覆盖父窗口

简介:
Js代码   收藏代码
  1. function openDialog(){  
  2.        var $doc;  
  3.        if(window.location!=window.parent.location){// <span style="color: #ff0000;">页面在iframe中</span>  
  4.            $doc=window.parent.jQuery.noConflict();  
  5.        }else{// <span style="color: #ff0000;">页面单独打开</span>  
  6.            $doc=jQuery.noConflict();  
  7.        }  
  8.        $doc("body").append('<div id=dialog></div>');  
  9.        var dialog=$doc("#dialog");  
  10.        dialog.html("欢迎你");  
  11.        dialog.dialog( {modal: true});  
  12.   
  13.    }  

 

目录
相关文章
|
6天前
|
前端开发
SAP UI5 应用如何使用 iframe 嵌入其他 HTML 页面试读版
SAP UI5 应用如何使用 iframe 嵌入其他 HTML 页面试读版
38 0
|
9月前
|
JavaScript 前端开发
前端学习笔记202306学习笔记第五十四天-react.js & material-ui之Dialog表单提交,ICon样式事件,删除功能5
前端学习笔记202306学习笔记第五十四天-react.js & material-ui之Dialog表单提交,ICon样式事件,删除功能5
29 0
|
6月前
|
JavaScript 前端开发
vue2.0 + element-ui +iframe在页面 中嵌入外部网站
vue2.0 + element-ui +iframe在页面 中嵌入外部网站
149 0
|
6月前
|
JavaScript
JS/JQuery操作iframe元素
JS/JQuery操作iframe元素
|
6月前
jquery-easyui和jquery-ui的slider冲突解决
jquery-easyui和jquery-ui的slider冲突解决
|
8月前
|
Web App开发 XML 前端开发
SAP UI5 FileUploader 控件深入介绍 - 为什么需要一个隐藏的 iframe 试读版
SAP UI5 FileUploader 控件深入介绍 - 为什么需要一个隐藏的 iframe 试读版
35 1
|
8月前
|
XML 前端开发 开发者
SAP UI5 FileUploader 使用的隐藏 iframe 和 form 元素的设计明细
SAP UI5 FileUploader 使用的隐藏 iframe 和 form 元素的设计明细
40 0
|
9月前
|
JavaScript 前端开发
前端学习笔记202306学习笔记第五十四天-react.js & material-ui之Dialog表单提交,ICon样式事件,删除功能3
前端学习笔记202306学习笔记第五十四天-react.js & material-ui之Dialog表单提交,ICon样式事件,删除功能3
33 0
|
9月前
|
JavaScript 前端开发
前端学习笔记202306学习笔记第五十四天-react.js & material-ui之Dialog表单提交,ICon样式事件,删除功能1
前端学习笔记202306学习笔记第五十四天-react.js & material-ui之Dialog表单提交,ICon样式事件,删除功能1
27 0
|
9月前
|
JavaScript 前端开发
前端学习笔记202306学习笔记第五十三天-react.js & material-ui之Dialog表单提交,ICon样式事件,删除功能6
前端学习笔记202306学习笔记第五十三天-react.js & material-ui之Dialog表单提交,ICon样式事件,删除功能6
48 0