调用iframe 中的js[兼容各种浏览器]

*chrome浏览器需要在服务器环境中测试

<!DOCTYPE html>
<html><head><metahttp-equiv="content-type"content="text/html; charset=UTF-8" /></head><body><divid="d1"></div><scriptsrc="http://libs.baidu.com/jquery/1.9.0/jquery.js"> </script><script>$(function() {variframe= '<iframe id="f1" src="frame.html"></iframe>';$("#d1").html(iframe);onIframeLoaded(f1,function() {executeIframeFun("a");});/***     iframe加载成功事件**/functiononIframeLoaded(iframe,onload) {if(iframe.attachEvent) {iframe.attachEvent("onload",function() {onload();});}else{iframe.onload= function() {onload();};}}/*** 执行iframe的方法* funName 方法名*/functionexecuteIframeFun(funName) {if(window.frames['f1'].contentWindow) {window.frames['f1'].contentWindow[funName]();}else{window.frames['f1'][funName]();}}});</script></body>
</html>

iframe html:

<!DOCTYPE html>
<html><head><metahttp-equiv="content-type"content="text/html; charset=UTF-8" /></head><body>子页面<scripttype="text/javascript">functiona(){alert('子页面');}</script></body>
</html>

转载于:https://www.cnblogs.com/DajiangDev/p/3967067.html

调用iframe 中的js[兼容各种浏览器]相关推荐

调用iframe中的js方法_SolidWorks中标准件库的创建及调用方法
在使用SolidWorks进行机械设计时,常用的标准件(如螺栓.螺母.垫圈等)通常可以在安装了SolidWorksToolbox插件后调出使用,而许多标准件在Toolbox并不存在,不能从插件中直接调 ...
JS兼容各个浏览器的本地图片上传即时预览效果
JS兼容各个浏览器的本地图片上传即时预览效果很早以前在工作曾经碰到这么一个需求,当时也是纠结了很久,也是google了很久,没有碰到合适的demo,今天特意研究了下这方面的的问题,所以也就做了个简 ...
调用iframe中的函数
前言 360极速浏览器 13.0.2206.0 (正式版本) (32 位) 操作系统 Windows 10 OS Version 1909 (Build 18363.1379) JavaScript ...
模仿淘宝聚划算倒计时js,兼容各种浏览器
<!DOCTYPE html> <html> <head><meta charset="utf-8"><meta name=& ...
video.js兼容微信浏览器，（播放.m3u8视频源）解决微信浏览器黑屏问题
video.js兼容微信浏览器,(播放.m3u8视频源)解决微信浏览器黑屏问题一.问题描述: 在h5做根据视频源直播功能时,在浏览器能打开视频,但是在部分安卓机和苹果机在微信浏览器打开会出现黑屏的状 ...
pdf预览在vue项目中的使用兼容ie浏览器
最近做项目有需求需要pdf在线预览并支持下载,而且还要兼容ie浏览器,之前又是使用过vue-pdf插件在chrome上没有问题但是在ie上不兼容.最后使用了pdf.Js这个原生库,虽然网上有许多使用教 ...
driver.get调用iframe中的页面_iframe特性全解读
前言在平时的开发中,或多或少会用到iframe,大部分时候我们只需要简单的使用iframe标签,设置个宽高即可,很少回去深究iframe的别的特性.比如这种用法: <iframe src='h ...
C#Winform调用网页中的JS方法
其实还是还是相当的简单,本文将详细的用代码来展示一下如何调用,并且送上源代码. 这个主题,其实我是在QQ问问里看到的,那为Q友送上了380分,所以就写做了这样的一个DEMO.同时这里也分享给更多正在寻 ...
driver.get调用iframe中的页面_【5分钟玩转Lighthouse】爬取JavaScript动态渲染页面
0x00 背景概述通过[技术干货 007 | Scrapy爬虫初探]教程,大家应该已经对如何编写爬虫有了一定的认识.但对于较为复杂的网站设计,比如网站页面使用了JavaScript动态渲染,入门级的 ...
页面水印原生js 兼容ie8浏览器
需求缘由项目是前后端不分离开发的,很老的项目,里面很多插件只能支持ie8,业主公司浏览器都是ie8 ,这次想给所有页面添加用户水印,所以开发需要兼容ie8 水印代码创建一个js 文件waterma ...

调用iframe 中的js[兼容各种浏览器]

调用iframe 中的js[兼容各种浏览器]相关推荐

最新文章

热门文章