【javascript – 将子iframe中的事件附加到父窗口中的处理程序】教程文章相关的互联网学习教程文章

JavaScript-展开式广告的iframe破坏者如何工作?

我对展开式广告和< iframe>有一些疑问.我已经创建了可展开广告,该广告将在< iframe> s中展示.这些广告将由已知的广告服务器投放,例如doubleclick,smartadserver,eyewonder等. 多亏了some questions on Stack Overflow,我发现它们是将广告打破< iframe>甚至动态调整< iframe&s s尺寸的一些方法.我已经从互联网上的主要广告服务公司那里找到了<iframe> buster files,但是我真的不知道它们是如何工作的. 我知道我必须创建一个HTML文件...

javascript-禁用复选框,直到iframe滚动【代码】

我怀疑这可能是由于浏览器安全性而无法实现的,但是我有一个表单的末尾是一个显示我们的条款和条件页面的iframe.以下是一个同意这些条款和条件的复选框. 我见过的其他网站要求您在复选框处于活动状态之前向下滚动条款,但我怀疑这是通过textarea或可滚动div而不是iframe完成的. 因此,任何人都知道如何识别iframe在javascript或jQuery中滚动的时间,因此一旦滚动iframe,就可以启用该复选框.解决方法:在嵌入式文档中执行以下代码即可.$(...

JavaScript-在另一个iframe中查找一个iframe?【代码】

我有父母的ID,但没有孩子的iframe. 有没有办法在父iframe中返回iframe? 还是某个特定iframe中的所有iframe? 使用jQuery查找带有$(‘iframe’)的元素似乎不起作用.解决方法:如果iframe的src属性具有相同的域,协议和端口,则已设置.否则,由于Same Origin Policy,您将无能为力. 假设您没有违反政策… 常规JavaScriptvar iframe = document.getElementsByTagName('iframe')[0],iframeDocument = iframe.contentWindow || iframe.conte...

javascript-使用jQuery播放/停止YouTube多个iframe播放器【代码】

我正在尝试在一个页面上播放/停止多个YouTube iframe播放器.单击后我可以自动启动播放器(即通过名为loadYouTubeVideo(playerID)的自定义方法),但是我不确定如何从另一个函数调用中再次访问播放器对象(即通过称为unloadYouTubeVideo(playerID)的自定义方法) )) 这是我正在谈论的jsfiddle:http://jsfiddle.net/iwasrobbed/9Dj8c/3/ 因此,每个玩家都开始了,但是即使包含它的div被隐藏,它也继续玩. 顺便说一句,我使用播放器的iframe版...

javascript-提交时关闭iFrame fancybox的问题【代码】

我有一个从数据库填充的在线用户名册.每个用户名都是一个链接,可在fancybox(iframe)中打开一个表单,以允许编辑信息.在子窗口中没有任何js的情况下,表单数据将提交到数据库,但是fancybox不会关闭.我需要它来提交数据,然后关闭fancybox. 我从this question开始尝试了Amr的答案,现在它关闭了,但是没有提交. 这是打开fancybox的代码:<script type="text/javascript">$(function() {$(".updateLink").fancybox({ 'padding' : 0,...

javascript-document.elementFromPoint(x,y)在iframe中获取元素【代码】

我试图获取html页面中的元素,我使用document.elementFromPoint(x,y)来检测输入元素;没有iframe时效果很好.但是在iframe中,此代码无法正常工作 的HTML如下 我错过了什么吗?<html> ... <div> <div> <iframe src="some source"..> <html> .. <form> <fieldset> <input>谢谢解决方法:根据文档here: “如果指定点的元素属于另一个文档(例如,iframe的子文档),则将返回调用该方法的文档的DOM中的元素(在iframe中,是iframe本身).” 这...

javascript-强制同步iframe加载【代码】

我有一个iframe指向任意外部域http:// A.我想在用户事件中将其发送到另一个外部域http:// B. 假设http:// B加载缓慢.如果我只设置iframe.src =“ http:// B”,则iframe将保留A中的内容,直到B被完全下载并可以呈现为止.这使用户感到困惑,因为他们要求B,但他们看到的只是A. 我想从我的域(例如../html/loading.html)中的A和B之间加载一个页面.假设此页面加载总是很快的. 我观察到设置iframe.src是异步的.考虑以下代码:iframe.src...

javascript-通过函数从iframe打开fancybox弹出窗口【代码】

我已经在Stackoverflow中进行了足够的搜索,而我找不到一个线程来回答我的问题. 以下是我的情况,function openVideo(videoid,urlid){var videourl = 'http://localhost/ptchoice-local/welcome/video/'+videoid+'/'+urlid;$("a#video_link").fancybox({'type': 'iframe', 'width' : 1000,'height' : 600,'autoDimensions' : false,'autoScale' : false,'href' : videourl});$("a#video_link").trigger('click');return false; } <a ...

javascript-单击iframe中的链接根本没有任何作用【代码】

在Google Chrome浏览器中,我注意到单击某些链接似乎完全无效:<a href="http://google.com">clicking this link does nothing at all.</a>这是JSBin和JSFiddle. 这是正常现象,还是表明最新版本的Google Chrome浏览器存在某种错误?我以前从来没有遇到过这个问题,以前这样的链接对我来说就很好.解决方法:如果您查看开发人员控制台,将会看到以下内容: 拒绝在框架中显示“ https://www.google.com/”,因为它将“ X-Frame-Options”设...

javascript-跨iframe跨域身份验证,无需登录

我希望用户能够在域example1.com上的应用程序内提交和呈现不受信任的HTML.为了防止恶意XSS捕获用户的cookie,其想法是在使用不同域的iframe中打开HTML,例如example2.com.但是要查看此HTML,必须在example1.com上登录用户.仅当用户在example1.com上登录并通过身份验证时,才如何仅在example2.com的iframe中呈现HTML? 我在想,也许使用了通过postMessage传递的秘密,该秘密发布了一个表单来呈现HTML,而无需设置cookie.每当我想通过JavaSc...

javascript-多个嵌套的跨域iFrame内部的顶部窗口的URL形式【代码】

我的内容(包括JS)在iFrame中提供,然后封装在中间人(分销商)的iFrame中,然后由发布商加载到他的网站中.所有3个帧均来自不同的域(跨域). 我需要从iFrame中标识顶部框架的URL(网站的URL).但是我只能在iFrame中执行JS,中间人或网站发布者是不隶属的,我不能要求他们放置任何脚本或以任何方式修改中间iFrame或网站的源代码. 我的问题将类似于this,答案是:var parentUrl = document.referrer;除了现在有2个嵌套的iFrame,因此,如果我要doc...

javascript-野生动物园开发人员工具如何查看iframe中的表达式?

我有一些要在iframe中调试的内容. 我似乎无法获得Safari开发人员工具来识别iframe中的任何脚本.假设我要在iframe中观看表达式.我从Safari开发者工具的脚本标签中的iframe中向“监视的表达式”中添加了一个变量-但是值始终显示为“错误” 使用Safari开发人员工具-如何使受监视的表达式对iframe变量起作用?解决方法:现在是2015年3月,Safari中尚未提供添加监视表达式功能.请改用Google Chrome.

javascript-单击缩略图时,将iframe的网址切换到新网址【代码】

单击缩略图时,我尝试更新iframe的src =“”.到目前为止,这就是我所拥有的. html<div class="videoPopup"><span class="close">X close</span><iframe width="600" height="400" src="" frameborder="0" allowfullscreen></iframe> </div> <div class="vidTrigger"></div> <div class="vidTrigger"></div> <div class="vidTrigger"></div>jQuery的var youtubevidId = ['SzsDHtzx6tI', 'BOQvtdXRtKw', 'gmIJoQV96PM'];for (var i = 0...

javascript-在iframe中加载HTML5地理位置时访问用户的纬度和经度【代码】

我正在使用HTML5地理位置来获取用户的纬度和经度.当直接打开页面时,它可以在所有浏览器上正常工作,但是现在我必须将地理位置代码放入iframe中.将其放入iframe后,地理位置不会提示用户输入坐标. 在iframe中加载网页时,如何获取用户的纬度和经度? 假设这是代码:<!DOCTYPE html> <html> <body> <p id="demo">Click the button to get your coordinates:</p> <button onclick="getLocation()">Try It</button> <script> var x=docume...

javascript-使用无会话或Cookie数据的iFrame(隐身)【代码】

如果在HTML文档中使用iFrame元素,则子页面将加载来自浏览器的所有会话和cookie数据. 例如:<!DOCTYPE html> <html lang="en"><head><meta charset="utf-8"><title>Stack Overflow in an iFrame</title></head><body><h1>Stack Overflow in an iFrame</h1><iframe src="https://stackoverflow.com" width="640" height="480" /></body> </html>暂时忽略SO实际上不允许其自身加载到iFrame中.如果是这样,则iFrame加载的SO页面将显示您...

JAVASCRIPT - 技术教程分类
JavaScript 教程 JavaScript 简介 JavaScript 用法 JavaScript Chrome 中运行 JavaScript 输出 JavaScript 语法 JavaScript 语句 JavaScript 注释 JavaScript 变量 JavaScript 数据类型 JavaScript 对象 JavaScript 函数 JavaScript 作用域 JavaScript 事件 JavaScript 字符串 JavaScript 运算符 JavaScript 比较 JavaScript 条件语句 JavaScript switch 语句 JavaScript for 循环 JavaScript while 循环 JavaScript break 和 continue 语... JavaScript typeof JavaScript 类型转换 JavaScript 正则表达式 JavaScript 错误 JavaScript 调试 JavaScript 变量提升 JavaScript 严格模式 JavaScript 使用误区 JavaScript 表单 JavaScript 表单验证 JavaScript 验证 API JavaScript 保留关键字 JavaScript this JavaScript let 和 const JavaScript JSON JavaScript void JavaScript 异步编程 JavaScript Promise JavaScript 代码规范 JavaScript 函数定义 JavaScript 函数参数 JavaScript 函数调用 JavaScript 闭包 DOM 简介 DOM HTML DOM CSS DOM 事件 DOM EventListener DOM 元素 HTMLCollection 对象 NodeList 对象 JavaScript 对象 JavaScript prototype JavaScript Number 对象 JavaScript String JavaScript Date(日期) JavaScript Array(数组) JavaScript Boolean(布尔) JavaScript Math(算数) JavaScript RegExp 对象 JavaScript Window JavaScript Window Location JavaScript Navigator JavaScript 弹窗 JavaScript 计时事件 JavaScript Cookie JavaScript 库 JavaScript 实例 JavaScript 对象实例 JavaScript 浏览器对象实例 JavaScript HTML DOM 实例 JavaScript 总结 JavaScript 对象 HTML DOM 对象 JavaScript 异步编程 javascript 全部