html点击弹出iframe,JavaScript：关于跨iframe弹窗

index.html

iframe.html

$(function(){

$("#window").window({

width: 200,

height: 100

});

效果

bV9SZu?w=479&h=251

由于是在iframe中弹窗致使窗口被腰斩，所以需要向window中追加节点再弹窗，解决方式如下

var win = window.top.document.createElement("div");

window.top.document.body.appendChild(win);

window.top.$(win).window({

width: 200,

height: 100

});

window.top.$(win).window("open");

但在实际项目中无法向index.html引入easyui相关类库，所以会报错

bV9Tca?w=676&h=162

什么call、apply、__proto__之类的办法都想过了，不知道该怎么办了...

====================临时解决办法==========================

$(function() {

var script = parent.document.createElement("script");

script.type = "text/javascript";

script.src = "easyui/jquery.easyui.min.js";

parent.document.getElementsByTagName("head")[0].appendChild(script);

var link1 = parent.document.createElement("link");

link1.rel = "stylesheet";

link1.type = "text/css";

link1.href = "easyui/themes/default/easyui.css";

parent.document.getElementsByTagName("head")[0].appendChild(link1);

var link2 = parent.document.createElement("link");

link2.rel = "stylesheet";

link2.type = "text/css";

link2.href = "easyui/themes/default/easyui.css";

parent.document.getElementsByTagName("head")[0].appendChild(link2);

});

function click() {

var win = parent.document.createElement("div");

parent.document.body.appendChild(win);

parent.$(win).window({

width : 200,

height : 100

});

parent.$("#div").window("open");

}

html点击弹出iframe,JavaScript：关于跨iframe弹窗相关推荐

JS 点击弹出图片/ 仿QQ商城点击左右滚动幻灯片/ 相册模块，点击弹出图片，并左右滚动幻灯片...
1, 点击弹出图片 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://w ...
html5鼠标点击弹出层,jQuery实现单击弹出Div层窗口效果(可关闭可拖动)
本文实例讲述了jQuery实现单击弹出Div层窗口效果.分享给大家供大家参考.具体如下: 这是一款jquery实现的可拖动可关闭的弹出框效果,网上已经有很多类似效果了,网页上实现这种效果其实并不难,现 ...
2.使用OpenLayers6（ol6）加载Mapbox的TileJSON格式地图实现点击弹出经纬度信息
文末有源代码下载地址 2.1使用OpenLayers6加载Mapbox的TileJSON格式地图首先写一下Tile格式和TileJSON格式的区别,Tiles 是传统的瓦片地图服务,Tiles 服务 ...
html注释图案,jQuery图片点击弹出遮罩层标记注释特效
这是一款简单的.非常实用的jQuery图片点击弹出遮罩层标记注释特效. HTML html结构非常简单.使用一个portfolio作为wrapper,在里面可以添加多个portfolio_item. ...
JS特效教程：给网站添加鼠标点击弹出指定汉字特效
网站添加鼠标点击弹出指定汉字特效,就是鼠标点击站点任何位置,都会随机弹出我们指定的一组汉字中的一个.比如指定"文明,自由,民主,公正,和谐"等,点击鼠标时就会随机显示这一组的某个词 ...
点击弹出窗口外任意地方关闭弹出窗口
问:如何在点击弹出窗口外其他地方时关闭弹出窗口? 答:使用FlexMouseEvent'sMOUSE_DOWN_OUTSIDE事件.用户点击弹出窗口的外部时,会分发此事件.只需要在popUpWindo ...
基于jQuery鼠标点击弹出登陆框效果
基于jQuery鼠标点击弹出登陆框效果.这是一款扁平样式风格的jQuery弹出层登陆框特效.效果图如下: 在线预览源码下载实现的代码. html代码: <input type=&quo ...
微信小程序点击弹出输入框
微信小程序点击弹出输入框第一次写博客,我决定不要太old school. let's get it!最近在学习微信开发,刚接触到微信小程序,自己尝试着做了一个简单的小程序,过程中发现类似web开发中 ...
layui点击弹出层中按钮，关闭弹出层
layui点击弹出层中按钮,关闭弹出层原理:点击自己定义的button时,触发弹出层右上角取消按钮. <button type="button" lay-submit=&q ...
html点击弹出登录注册表单提交代码
介绍: html手机登录表单,手机注册表单,弹出表单,点击弹出弹窗. 用于用户登录点击登录跳出弹窗作用,代码逻辑基本上没啥问题,美化一下就可以线上使用网盘下载地址:点击登录弹窗代码.zip - 蓝奏 ...

html点击弹出iframe,JavaScript：关于跨iframe弹窗

html点击弹出iframe,JavaScript：关于跨iframe弹窗相关推荐

最新文章

热门文章