【Iframe自适应高度并实时监控高度变化的js代码】教程文章相关的互联网学习教程文章

Javascript-iFrame parent.postMessage返回字符串,而不是IE9中的对象【代码】

尝试使用postMessage从iFrame检索对象时遇到问题.本质上,我不得不使用iFrame来攻击SAML身份验证端点. SAML端点将javascript对象返回到iFrame,然后将其作为parent.postMessage事件的一部分发送到父窗口:parent.postMessage(authResponse,"*");在Chrome和IE的较新版本中,父窗口事件监听器可以很好地捕获对象,并且我们可以正常运行了.但是,在IE 9中,iFrame不会发送对象,而是发送类似“ [Object object]”的字符串. 因此,尝试引用诸如...

javascript-iframe中的AngularJS run()方法不会在iframe重新加载时重新运行【代码】

我有一个带有“启动门户”按钮的网页,并且该网页下方有一个iframe(在同一网页上),其ID为:MyFrame. 我使用jQuery AJAX获取了基于angularjs的门户的URL,并设置了iframe的src.下面给出了用于加载基于angularjs的门户的代码. “ portalURL”参数包含URL.$.ajax({method: 'post',crossDomain: true,contentType: "application/json; charset=utf-8",url: webmethodurl,data: {},dataType: "jsonp",jsonp: "JSONCallback",success: func...

javascript-具有iFrame的外部单击页面上的关闭菜单【代码】

我正在尝试使用概述的技巧on this answer关闭我设计的页面上的导航菜单.但是,页面上的大部分空间都由iframe占用,该iframe加载与包含iframe的页面存储在同一服务器上的文章. 如果单击父页面上的任何元素,则菜单将关闭.但是,单击iframe中的任何空间都不会关闭菜单. 我假设这是因为父页面无法捕获iframe内部发生的事件.就像我说过的那样,两个页面都存储在同一台服务器上,所以当用户在iframe中单击时如何捕获单击以关闭菜单? HTML:<d...

javascript-PhoneGap中的postMessage无法正常工作-iframe到父消息传递【代码】

我已经构建了一个PhoneGap应用程序,该应用程序使用了与该应用程序捆绑在一起的iframe,并且我正在尝试将电子消息从iframe传递给在运行该应用程序时似乎不起作用的父级实际的iPad;但是,当我在同一设备上的浏览器中运行该应用程序时,它运行良好. 这是我在iframe中用于发送消息的代码,请注意,我正在使用HammerJS捕获一些事件:var domain = 'http://' + document.domain;$('body').hammer().on("swipe", "", function(event) {var mes...

javascript-iframe是否可以与服务人员脱机渲染?【代码】

我的域名abc.com和页面123.com中的iframe都存在.我拥有每个域的代码. 通过服务工作者,我可以在脱机时加载abc.com,但是即使我将其文件添加到cache.addAll调用中,我的123.com iframe也无法加载. 如何离线显示iframe?实例欢迎.<!DOCTYPE html> <html><head></head><body>will render offline<!-- will not render offline --><iframe src="123.com"></iframe></body> </html>解决方法:加载< iframe>是very similar,以便在新标签页/窗...

javascript-Instanceof在iframe中失败【代码】

这个问题已经在这里有了答案: > instanceof operator fails when passing an object through windows 1个> Why are myarray instanceof Array and myarray.constructor === Array both false when myarray is in a frame? 2个以下代码返回true.console.log(document.createElement('script') instanceof Element); 在< ...

javascript-具有iframe的嵌入式浏览器【代码】

我正在编写一个将在信息亭模式下在触摸屏上运行的Web应用程序.我目前仅将其定位为在Firefox 3上运行.我需要访问外部站点的一些用例.我希望使用嵌入式浏览器来做到这一点,而这正是我借助< iframe>解决的问题.我需要嵌入式主页的后退/前进按钮. 我已经设法通过访问iframe的历史记录对象var w = document.getElementById('embeddedBrowser').contentWindow; w.history.back();嵌入式窗口的历史记录与父窗口的历史记录相同.因此,对于新...

javascript-将iFrame分离/打开到新窗口中-如何?【代码】

我在页面中有一个iframe设置,基本上是想知道此iframe中是否可以有一个按钮,当按下该按钮时,会将iframe打开到新的浏览器窗口中,以显示iframe的内容. 如果可能的话,将非常感谢使用javascript或jQuery提供的有关如何实现此目标的帮助. 我正在使用IE6. 谢谢.解决方法: $('.button').click( function(){window.open($('iframe').attr('src'),'mywindow','width=400,height=200'); });

javascript-覆盖iframe的document.write【代码】

出于我自己的目的(咳嗽延迟加载广告脚本),我将覆盖document.write函数,以便缓冲脚本的输出,将其写入div并在完成后还原本机document.write. 伪代码如下所示: >保存本机代码document.write>重新定义document.write>脚本的评估和缓冲输出>脚本完成后,将缓冲区写入>恢复本机document.write 该问题发生在粗体步骤中-广告脚本中的其中一行创建了一个iframe,然后调用frame.document.write逐步检查Firebug,我已验证此document.write是本机...

javascript-如何从其他域上的iframe访问父DOM?【代码】

我有一个网站,我的域名是通过Network Solutions(我不推荐的)注册的.我正在使用其Web转发功能,该功能允许我“屏蔽”我的域,以便当用户访问http://lucasmccoy.com时,他们实际上通过HTML框架看到的是http://lucasmccoy.comlu.com/.这样做的好处是地址栏仍显示http://lucasmccoy.com/. 缺点是我无法直接编辑框架所在的HTML页面.例如,我无法更改页面标题或网站图标.我尝试这样做:$(function() {parent.document.title = 'Lucas McCoy';...

Javascript-如何在使用iframe,dom,而不是jquery时更改页面内的元素内容【代码】

我有这个iframe,正如您所见,它使用onload触发器调用了js函数.<iframe name="top" id="top" width="99%" height="20%" src="top.htm" frameborder="0" scrolling="no" onl oad="log_in()"></iframe>我需要做的是从该函数中实现“ top.htm”(更改innerHTML之类的东西)中的元素. 但是问题是该功能不能识别“ top.htm”页面的元素,只能识别index.htm(具有iframe的页面)中的元素. ps.我必须使用DOM,也必须使用iframe. 有人知道该怎么做吗...

javascript-在iframe中设置变量【代码】

是否可以使用document.createElement(“ iframe”);创建iframe?然后在iframe的窗口对象(例如名称空间)中设置变量? 我试图做这样的事情:var Namespace = {}; var iframe = document.createElement("iframe"); iframe.src = "page.html"; document.body.appendChild(iframe); var iwin = iframe.contentWindow || iframe.contentDocument.defaultView; iwin.Namespace = Namespace;但是在page.html中,我尝试记录命名空间,并引...

javascript-IFrame加载事件中的所有内容【代码】

IFrame是否存在某种仅在加载所有资源(脚本,图像,样式表,dom)时才会触发的事件?基本上,我希望在IFrame上显示一个加载图形,并且仅在将所有内容加载到内部时才将其删除,以便用户看不到所有加载内容. 目前,我正在使用$(iframe).ready(function(){…});但这会在任何内容加载之前很早就触发.解决方法:您正在寻找window.onload事件. 如果完全加载了任何东西(图像,iFrame等),则window.onload会触发,这就是为什么大多数人都非常讨厌此事件的...

JavaScript-此window.top检查执行什么操作?这是在检查iframe吗?【代码】

if(window.top!==window.self){document.write=""; window.top.location=window.self.location; setTimeout(function(){document.body.innerHTML=""},1); window.self.onload=function(){document.body.innerHTML=""}};这样是否可以确保网页不在iframe中呈现?解决方法:是的,似乎该脚本尝试使自身成为父框架(如果尚未创建).正如Pointy所说,这些并不总是有效.在大多数浏览器中,除非Javascript无法创建所有者文档,否则它无法“脱离”...

javascript-在注入的iframe上添加HTML【代码】

我目前正在使用Google Chrome浏览器开发工具栏.基本上,这是一个我通过使用内容脚本在每个网页中注入的工具栏.从技术上讲,工具栏是由iframe构成的,其中包括所有组件,例如button,dropMenu,…这是您执行以下操作的脚本:// Take down the webPagedocument.getElementsByTagName('body')[0].style.marginTop = '39px';var body = $('body'), toolbarURL = chrome.extension.getURL("yourtoolbar.html"), iframe = $('<iframe id="YourT...

自适应 - 相关标签
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 全部