【file模式访问网页时iframe高度自适应解决方案】教程文章相关的互联网学习教程文章

Javascript IFrame / designmode和onkeydown事件问题【代码】

抱歉,如果已经回答.经历了一些相关的问题和谷歌,但最终未能看到为什么这是行不通的. 我的代码如下<iframe id="editor"></iframe>editorWindow = document.getElementById('editor').contentWindow; isCtrlDown = false;function loadEditor() {editorWindow.document.designMode = "on";editorWindow.document.onkeyup = function(e) {if (e.which == 91) isCtrlDown = false;}editorWindow.document.onkeydown = handleKeyDown; }...

javascript-使用Java脚本在iframe中获取元素并为其分配值【代码】

我使用的是其中包含iframe的用户控件/ HTML编辑器,因为我无法直接从javascript更改其值,因此我只想在iframe的body标签中添加文本. 问题是我可以获取Iframe元素,但是如何获取它的代码?我也该如何写文字呢? 例如:Iframe看起来像这样:<iframe> <html> <body> ----Here I want to write a text----- </body> </html> </iframe>解决方法:仅使用香草JS:var iframeElt = document.getElementById('myIFrameId'),iframeDocument = ifr...

javascript-iframe代理,无需额外流量

为了进行跨域JavaScript通信,我将iframe代理技术与onresize事件监控结合使用(该方法是众所周知的,在这里http://softwareas.com/cross-domain-communication-with-iframes进行了详细描述).但是由于隐藏的iframe会产生额外的页面加载,我仍然不满意.如何摆脱这种不必要的iframe流量?解决方法:3天的建设性研究.不要犯与我相同的错误-这是浪费时间. Yet Another cross-domain iframe resize Q&A

javascript-移动Safari和iFrame src属性【代码】

我正在尝试为iFrame设置’src’属性.它在FireFox和Internet Explorer上运行良好.但是,在iPad移动浏览器上进行测试时,更改’src’属性不会执行任何操作. 我有一个在HTML中设置了’src’属性的iFrame.<iframe id="iFrame0" style="margin: 0px; overflow: hidden; padding: 0px; height:80px; width:500px" src='.../loading.gif' frameborder="0"></iframe>稍后我有一些代码尝试更改srcvar iFrame0 = YAHOO.util.Dom.get('iFrame0')...

javascript-从约2周开始,将iframe添加到Facebook不再起作用【代码】

我正在编写一个firefox扩展程序,以读出一个Facebook用户的隐私设置. (不是Facebook应用!!)要在Facebook的不同网站之间切换,我使用了iframe,但这已不再起作用.我有两个星期以来的这个问题.$('#globalContainer').append('<iframe id="reusable_iframe" src="" width="90%" height="400" name="reusable_iframe"></iframe>'); //.... $('#reusable_iframe').attr('src', link);我遵循“同一个来源”政策,并且自两个星期以来一切正...

javascript-使iframe淡入【代码】

访问者加载网站后,我想使我的iframe淡入: 我努力了 :<script type="text/javascript">$(document).ready(function () {$('#doneimg').fadeIn("normal");}); </script><span style="display: none;" id="doneimg"><iframe src="http://om-p.com" width="90%" height="400" name="SELFHTML_in_a_box"> <p>Ihr Browser kann leider keine eingebetteten Frames anzeigen: Sie k&ouml;nnen die eingebettete Seite &uuml;ber den fol...

javascript-从fancybox iframe网站上查找元素【代码】

我正在尝试从fancybox更新网站上的元素.在fancybox中,我执行$.post()并获取要在页面上的div中填充的html数据.我用html打开了一个iframe窗口,下面的脚本在该iframe中.它无法从fancybox中找到它,因此有人对如何到达不在fancybox iframe中的元素有想法或解决方案吗?$('.add-to-cart').click(function () {var $this = $(this).closest('form');$.post($this.attr('action'), { quantity: $this.find('#quantity_id').val() }, functi...

javascript-在iframe中加载Youtube Player API【代码】

我有一个网站,里面有几个内部(即没有src)iframe,我想在其中包含一个YouTube播放器(使用其API).简而言之,我希望iframe中的播放器由父页面管理. 问题是代码初始化AFAIK无法与iframe一起使用.例如:var player = new YT.Player('video-player1', {});您可能已经猜到了,问题是您无法定义包含该ID的文档.在jQuery中,我将使用类似:$("video-player1", frames["iframe1"].document)有什么解决方法吗?很明显,我能看到的唯一解决方案是在每...

javascript-onYouTubeIframeAPIReady()不完全在window.load之后【代码】

如何通过用户操作而不是在窗口加载后立即触发Youtube Player IFrame? https://developers.google.com/youtube/iframe_api_reference 我想要这种方式,因为在显示IFrame时android似乎有错误:解决方法:删除onYouTubeIframeAPIReady()函数,并将其替换为:function createPlayer(){player = new YT.Player('player', {height: '390',width: '640',videoId: 'M7lc1UVf-VE',events: {'onReady': onPlayerReady,'onStateChange': onPlaye...

从其他域的父窗口获取iframe中的javascript变量

我在域“ someplace.com”中有一个iframe,正在加载到“ anotherplace.com”的窗口中. 老问题说您不能跨域访问变量:Sharing global javascript variable of a page with an iframe within that page 但是既然我们有了CORS,我想知道这是否可能.如果启用域之间的CORS,我们现在是否能够访问iframe父级中的JS变量?解决方法:您需要使用Web Messaging API. https://developer.mozilla.org/en-US/docs/Web/API/Window.postMessage

javascript-如何检测浏览器是否可以在iframe中打开“网络文件夹”?【代码】

我需要提醒使用Chrome浏览器的用户,他们需要使用IE打开页面,因为它允许在iframe中打开网络文件夹. 但是我不想检测浏览器,有没有办法检测此功能?解决方法:不,您无法检测到此功能(如果可以调用它,那么允许网页在框架中显示本地文件夹是一个非常糟糕的主意).同源策略可防止您知道框架中加载了什么,因此无法从错误页面中区分出网络文件夹.最好的办法是检查框架加载所需的时间:var start = new Date().getTime(); var frame = documen...

javascript-iframe是否可以重定向父页面?【代码】

这个问题已经在这里有了答案: > Redirect parent window from an iframe action 13个iframe是否可以重定向它所在的页面? 例: 您访问www.fuu.com 在fuu.com上有一个iframe 在该iframe中,是一个网站,它重定向到另一个网站. fuu.com是否可以重定向?而是仅在iframe上转到另一页?解决方法:否.iframe被视为具有自己的DOM的单独文档. iframe中的重定向仅被视为该iframe中的...

手动触发的Javascript事件不针对iFrame上下文中的元素传播【代码】

我实际上是在从事一种所见即所得的设计器,该设计器允许最终用户通过[input type =“ color”]字段选择颜色.该界面的输入在左侧,在右侧是指向生成的预览的iframe.通常,当单击输入并更改颜色时,它将调用函数更新(通过输入字段上的change事件由主干视图绑定).然后,此更新功能会更改iFrame中的CSS值以进行实时预览.一切正常. 但是,我正在构建一个单元测试页面,该页面实际上是在测试将输入字段更改为某种颜色确实会更改预览中的颜色.本质...

javascript-尝试使用iframe提交表单时在Safari上的奇怪行为【代码】

我正在使用基于框架的机制来提交我的登录信息,并且它在除Safari(5.1.7)之外的所有浏览器上均能正常工作.这是我用来提交信息的HTML表单<form:form action="${loginActionUrl}" method="post" commandName="loginForm" id="header-signin" target="loginFrame" name="header-signin"><input type="text" name="j_username" id="header-signin_j_username"> <input type="password" name="j_password" id="header-signin_j_passwor...

javascript-带有iframe的茉莉花灯具【代码】

我正在使用茉莉花装置,我想使用其中包含iframe的HTML编写测试. 问题在于测试在我的iframe加载之前执行.库本身是否有解决方案?还是我必须实现自己的机制才能等待? 这是代码: 治具:<iframe id="test-iframe1" class="test-iframe1" src="data/tests/pages/iframe1.html" style="width: 400px; height: 600px;" frameborder="20"></iframe>考试:describe("iframe -", function() {beforeEach(function() {var f = jasmine.getFix...

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