jQuery中弹出iframe内嵌页面元素到父页面并全屏化的实例代码(jquery弹出页面)

编辑：rootadmin

推荐整理分享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)就知道了....

jQuery中弹出iframe内嵌页面元素到父页面并全屏化的实例代码(jquery弹出页面)

哦豁,好像没生效,那么为什么呢&#;

很明显没有起作用,那么怎么办呢&#;既然引入的子页面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的步骤)

下一篇：jQuery获取选中单选按钮radio的值(jq获取单选框的值)