位置: 编程技术 - 正文
推荐整理分享jQuery中弹出iframe内嵌页面元素到父页面并全屏化的实例代码(jquery弹出页面),希望有所帮助,仅作参考,欢迎阅读内容。
文章相关热门搜索词:jquery iframe src,jquery弹出页面,jquery弹出框,jquery弹出框,jquery iframe,jquery弹出框,jquery弹出框,jquery iframe,内容如对您有帮助,希望把文章链接给更多的朋友!
iframe和弹窗这些词对于js高手来说都是耳熟能详的东西,作为一个新人来说,还在学习阶段的我就在工作中遇到这么一个奇葩的需求,要在引入的iframe页面里做一个全屏化的功能.
粗略一看,这还不容易,模拟下F的功能键什么的,于是网上一搜还真有一大堆关于全屏化的案例,遂借来用之.
然后高高兴兴的拿一个没有iframe引入的页面做了个测试页面查看全屏化功能效果,代码如下(fullScreenPage.html):
嗯,我自己觉得这个效果真的是不要太棒了,还做了浏览器兼容(FireFox=mozRequestFullScreen;W3C=requestFullscreen;Chrome等=webkitRequestFullScreen;ie=msRequestFullscreen).....
于是,我立马放到项目里,结果是什么样子呢执行下面的代码(parentPage.html)就知道了....
哦豁,好像没生效,那么为什么呢
很明显没有起作用,那么怎么办呢既然引入的子页面iframe不生效,是不是从父页面或许就可以了
那就赶紧试试找到父类并执行全屏功能,把页面(fullScreenPage.html)改一改,代码如下:
哈哈,改了之后发现果然可以了,问题解决。
jQuery还请自行下载并导入引用,我这里就不细说了.
这里分享一个jQuery下载的地址:jquery下载所有版本(实时更新)
以上所述是小编给大家介绍的jQuery中弹出iframe内嵌页面元素到父页面并全屏化的实现代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对积木网网站的支持!
jQuery获取选中单选按钮radio的值 实例1:divid="wrap"inputtype="radio"name="payMethod"value="1"/男inputtype="radio"name="payMethod"value="2"/女/div获取一组单选按钮对象:varobj_payPlatform=$('#wrapinput[name="payMethod"
easyUI实现类似搜索框关键词自动提示功能示例代码 在一个DataGrid里面,搜索行所在位置实现的效果如下:在搜索框中输入部分列名关键字,即可匹配到行的位置。EasyUI的SearchBox组件只提供了静态搜索框,
webuploader模态框ueditor显示问题解决方法 webuploader模态框ueditor显示问题模态框z-index对应的值.modal{z-index:!important;outline:none!important;}遮罩层对应的z-index值.modal-backdrop{border:0!important;outline:none!im
标签: jquery弹出页面
本文链接地址:https://www.jiuchutong.com/biancheng/373998.html 转载请保留说明!上一篇:如何利用JQuery实现从底部回到顶部的功能(使用jquery的步骤)
友情链接: 武汉网站建设