Tag: iframe

更改iframe内容jquery

我想更改我的iframe内容,但我不明白如何 test $(‘#frame’).contents().find( “body” ).html(‘hi’) 有了这段代码,我总是有我的谷歌页面,而不是喜欢的ifram

强制IFrame中的任何HREF使用其父级作为目标

我目前正在使用IFrame在网站上对用户生成的内容进行沙盒处理。 这消除了我们的主要样式表的任何样式问题。 但是,当用户使用我们的富文本编辑器生成链接时,我们希望链接在父级中打开,而不是只打开IFrame中的链接。 我意识到您可以为父级设置目标,但我们无法控制用户以及他们在内容中输入的内容。 是否有任何方法可以劫持IFrame中的HREF,以便它们都可以在不修改它们的情况下定位父类? 或者使用一些可以普遍注入的Javascript,这样我就不需要抓取所有内容并以编程方式替换目标? 理想情况下,一个位置的简单脚本将是最佳解决方案。 思考? 结束解决方案 我使用了我选择的答案的变体……它让我朝着正确的方向前进。 Event.observe(window, ‘load’, function() { $$(‘a’).each(function(e) { e.writeAttribute(‘target’, ‘_parent’); }); }); 那是在IFrame里面的内容。 它最终成为该任务最简单的解决方案。

如何在chrome浏览器中调用父窗口函数?

嗨,我惊奇地发现在Chrome浏览器中调用窗口父javascript函数时出现问题。 如果我有一个窗口,其中定义了javascript函数 function dolink() { . . . } 我在该窗口中有一个使用jquery进行此调用的iframe $(function() { $(‘a.arglink’).click(function() { window.parent.dolink($(this).attr(‘href’)); return false; }); }); 对dolink函数的调用不起作用。 使用chrome javascript调试器步进,似乎window.parent.dolink 未定义 。 这是设计还是我犯的错误? 在Firefox和IE中,它工作正常。

如何解决iframe跨域问题

我正在制作必须显示另一个域名网页的网页。 例如,在我的web html中,有两个 标签。 喜欢 : hello world 要解决我的问题,我应该使用 , 或标记,但这会导致跨域问题。 所以,我不能用它来显示其他域名的网页。 他们不允许我使用它。 所以,例如: 它不起作用。 我的网页无法显示stackoverflow.com 。 因为, stackoverflow否认了这一点。 我已经用这些问题搜索了很多东西。 但它们只是ajax或JSONP 。 这不是iframe 。 有解决方案来解决我的问题吗? 或者是不可能实现这个?

PDF.js – 在嵌入式PDF上使用搜索function

我使用带有iframe src=viewer.html?file=…标签的PDF.js嵌入了PDF。 我正在使用PDF.js及其viewer.html,因为它已经提供了我在其他任何示例中都找不到的搜索function。 我希望用户能够点击 并使用包含的文本来搜索PDF并跳转到第一次出现。 JSFiddle: http : //jsfiddle.net/agyetcsj/ HTML 6.5 Calling External Functions JavaScript的 $(‘td’).unbind(‘click’).click(function () { alert(“Find text in PDF!”); }); 我在SO上发现了类似的问题,但他们无法真正回答我的问题: https://stackoverflow.com/questions/24439701/searching-embedded-pdfs-in-iframes https://stackoverflow.com/questions/28322082/sencha-search-text-in-pdf-file-rendered-from-plugin-pdf-js 访问PDF.js查看器function/事件 谢谢!

如何在iframe中找到div

我试图使用jquery在iframe中找到一个div。 有没有比我下面使用的更好的方式? $(‘#Iframe’).contents().find(‘#MyDiv’) function atmslidein(){ $(“#customer”).ready(function(){ if($(‘#customer’).attr(‘src’)==’ATM.html’) { $(‘#customer’).contents().find(‘.atm_page’).css(‘margin-left’, ‘270px’); $(‘#customer’).contents().find(‘.tele’).css(‘display’, ‘none’); } }) } 我已经尝试了将近一周时间来完成这项工作: $(‘#Iframe’).contents().find(‘#MyDiv’) 这就是为什么我尝试了另一种方式来访问iframe的div。 无论如何,我发现了iframe文档应该有的东西,只有上面的函数才能正常工作: 我的问题解决了,谢谢。 但有人可以解释为什么这是必要的吗?

iframe的假用户代理

我是Javascript的新手。 我发现此代码使用Javascript更改用户代理。 var __originalNavigator = navigator; navigator = new Object(); navigator.__defineGetter__(‘userAgent’, function () { return ‘Custom’; }); var iframe=”; document.write(“User-agent header sent: ” + navigator.userAgent + iframe); 此代码可以运行并返回假用户代理,虽然如何为iframe设置相同的假用户代理? 这是我要做的事情的小提琴: http : //jsfiddle.net/ufKBE/1/

jQuery UI可拖动+ iframe中的可排序 – 错误的垂直偏移

我正在解决这个问题,我不知道该怎么做。 情况:我在页面顶部有可拖动的元素,在iframe中有一些可排序的持有者。 当我尝试将元素拖动到iframe时,它工作正常。 但是,当iframe向下滚动并开始拖动可拖动元素时,它会连接到iframe中的第一个可排序的持有者,而不是连接到当前位于iframe可见部分顶部的可排序持有者。 js完整代码: https : //jsfiddle.net/0d420qpj/ 屏幕video : http : //screencast-o-matic.com/watch/coltDdhakq 观看video,您将看到问题在于行动。 $(“.drag”).draggable({ helper : “clone”, iframeFix: $(‘#iframe’), iframeOffset: $(‘#iframe’).offset(), connectToSortable : f.find(“.sort_holder”), distance : 10, cursorAt: { left: 20, top : 20}, scroll : true, start: function(event, ui) { }, drag: function(event, ui) { }, stop: function(event, ui) { } }); 能帮我解决这个问题吗?

在bootstrap模式中加载iframe

我想在ifst加载之前将iframe加载到bootstrap模式中并显示加载器。 我正在使用一个简单的jquery点击function,但它无法正常工作。 我不明白为什么它不起作用。 小提琴整页小提琴 $(‘.btn’).click(function() { $(‘.modal’).on(‘show’,function() { $(this).find(‘iframe’).attr(‘src’,’http://www.google.com’) }) $(‘.modal’).modal({show:true}) $(‘iframe’).load(function() { $(‘.loading’).hide(); }); })

设置iframe innerHTML而不加载页面(使用jquery)

我想在iframe之前没有加载任何页面时动态设置iframe的内容。 我这样做: iframe = $(”); iframeHtml = ‘iframeHtml’; $(‘body’).append(iframe); iframe .contents() .html(iframeHtml); 但它不起作用,html仍然是空的。