我如何可以调整一个iframe与外部源和偏移的内容?

我怎么能够:

  1. 等待外部的iFrame加载
  2. 调整外部信号源的iFrame(例如:100像素点¯x40像素)
  3. 抵消外部信号源的iFrame(例如:25px的点¯x50像素)

示例代码:

<html> <body> <p>Here's Google's Logo Today:</p> <iframe id="google_logo" src="http://www.google.com/search?q=stackoverflow"></iframe> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script type="text/javascript"> $(document).ready(function() {}); </script> </body> </html>

我知道你不能得到外部的iFrame的内容,但有关调整和抵消什么?

我也知道我的例子是荒谬的。

--------------解决方案-------------

你可以不火的事件当外部的iframe已经满载,剩下的就是可能的,但。

包裹帧的div

<div id="frame_wrapper">
<iframe id="google_logo" src="http://www.google.com/search?q=stackoverflow"></iframe>
</div>

添加下面的jQuery

$(document).ready(function() {
$("#frame_wrapper").addClass("iframe_shift");
});

添加以下CSS

#google_logo { width: 100%; height: 100%; }
.iframe_shift { width:100px; height: 45px; position: relative; top: 25px; left: 45px; }​

分类:JavaScript的 时间:2012-01-01 人气:0
分享到:

相关文章

  • 它添加JavaScript中的DOM前消毒用户输入 2012-03-04

    我写了JS的,我在我的空闲时间工作的一个聊天应用程序,我需要有根据用户提交的数据更改HTML标识符. 这通常是概念上的东西足够摇摇欲坠,我不会甚至企图,但我看不出有这一次多少选择的余地自己. 我需要做的就是逃跑的HTML ID,以确保它不会允许XSS或破裂HTML. 下面的代码: var user_id = escape(id) var txt = '<div class="chut">'+ '<div class="log" id="c

  • 网络图在JavaScript中,可以使用jQuery一个人吗? 2013-04-01

    我需要实现在JavaScript中一个特定的网络图. 我看着InfoVis Toolkit和Protovis,但我不得不执行他们自定义的布局和大量的自定义代码. 我不知道他们增加多少价值. 这个小工具必须是超级有效,因为它会在许多高度访问过的网页,我不想让小部件放慢什么. 该图的节点是HTML丰富. 下拉框,输入内容,弹出窗口等,所以div的做了很多有意义的每个节点. 使用AJAX来读取从我的服务器中的数据在JavaScript中,我可以简单地创建的div. 添加/更新/删除节点通过jQuery

  • 测试在JavaScript中的DOM元素的类型 2012-06-20

    有没有一种方法来测试JavaScript中的元素的类型? 答案可能会或可能不需要的原型库,但下面的设置并使用图书馆. function(event) { var element = event.element(); // if the element is an anchor ... // if the element is a td ... } --------------解决方案------------- 您可以使用typeof(N)以获得实际的对象类型,但你想要做的是检查标签,DOM元素而

  • 在javascript中的时间差/ jQuery的 2014-10-07

    我查询Facebook的图形API. :这在下面的格式返回日期2012-01-23T23:52:29+0000 . 我需要找到这种类型的javascript日期的差异. 这不是在JavaScript中有效日期(由Date.parse()或new Date() 我想更换的'T'与' '空格), '-'用'/'和'+0000'与''空字符串). 这是唯一的方法吗? 还是我失去了一些东西在这里? 此外,如果这是唯一的办法,有人可以给我一个正则表达式替换一气呵成呢? 执行速度是我的主要关注的问题. --

  • 如何从JavaScript中的DOM拉图像? 2012-06-28

    如果你已经看过Pinterest的,你就会知道他们有一个书签,用户可以按下它加载了更多的JavaScript从DOM中收集特定的图像,并让他们在现场销他们. 我发现收集的图像有趣,希望能够做到这一点. 我会在哪里能够看到学习如何从DOM收集图像,这样我可以让用户做的东西他们? 我已经做了谷歌搜索,但大多数是关于用PHP刮,如果用户是需要登录,例如在网页上并没有真正发挥作用. --------------解决方案------------- 我不是很确定你在问什么,但这里是你使用javascript

  • 我可以从使用​​JavaScript中的时间功能的iframe中运行一个脚本? 2012-01-01

    我在想,如果有可能从一个iframe中加载一些JavaScript. 看来,这个问题已经在这里找到答案. 但是,我想问的原因是,IFRAME是从外部源(例如广告服务器)加载,然后得到的从用户计算机的时间. 我所要做的是计算时这个iframe中加载多长时间花费在网页上(以及随后可能将该值传递回服务器). 我知道不会有任何代码样本中这个问题,但如果有人碰到过这样的事情之前,请让我知道. 我一直以为会有某种安全问题与此即调用一个网页的iframe,然后将该iframe的运行从您的计算机脚本来有效地"变

  • 在JavaScript中删除DOM节点,以节省内存 2012-02-02

    我使用的Safari浏览器进行查看我的网页上是富有的Javascript. 我看到Safari浏览器需要大量的内存(500-900 MB)为在查看网页和做各种操作. 我想知道是否删除创建的DOM对象,采用比如var elem = document.getElementById('Id1');需要优化这个内存利用率要删除? 如果任何其他指针,请建议. 此外,我们怎样可以删除最简单的方法这个DOM对象? 感谢亚洲时报Siddharth --------------解决方案-------------

  • 获取文件与JavaScript中的DOM 2014-07-04

    以"后的JavaScript解析"避谷歌的PageSpeed​​ Messeger我复制此脚本. <script type="text/javascript"> function downloadJSAtOnload() { var element = document.createElement("script"); element.src = "http://example.com/templates/name/java

  • 与设定的延迟在JavaScript中徘徊与jQuery的时候循环的代码 2012-02-12

    我期待启动和停止的一组延迟一个jQuery悬停事件循环. 我一直在试图用"鼠标悬停"和"的mouseout",没有运气做到这一点. 示例(奇psudocode): Mouseover Loop Change text colour Wait 100ms Mouseout Stop loop 我敢肯定,这是超级简单,我只是不太知道如何使用JavaScript构建它. 提前致谢. --------------解决方案------------- 这可能工作: $(func

  • 解析多个YouTube链接在JavaScript中使用正则表达式对象或iFrame 2012-02-22

    我想分析多个YouTube链接到一个文本嵌入的对象. 例如,在文本: This is a test another testing I'm writing this... http://www.youtube.com/watch?v=-LiPMxFBLZY This is a test another testing I'm writing this... http://www.youtube.com/watch?v=Q3-l22b_Qg8&feature=related another tes

Copyright (C) 55228885.com, All Rights Reserved.

55228885 版权所有 京ICP备15002868号

processed in 1.727 (s). 10 q(s)