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

Javascript仅打印iframe内容【代码】

这是我的代码<script> var body = "dddddd" var script = "<script>window.print();</scr'+'ipt>";var newWin = $("#printf")[0].contentWindow.document; newWin.open(); newWin.close();$("body",newWin).append(body+script);</script> <iframe id="printf"></iframe>这可以,但它打印父页面,我如何让它只打印iframe?解决方法:我不希望这样做 试着改为window.frames["printf"].focus(); window.frames["printf"].print();并...

jQuery / JavaScript:访问iframe的内容【代码】

我想使用jQuery操纵iframe中的HTML. 我以为我可以通过将jQuery函数的上下文设置为iframe的文档来实现这一点,例如:$(function(){ //document ready$('some selector', frames['nameOfMyIframe'].document).doStuff() });然而,这似乎不起作用.稍微检查一下,我发现frame [‘nameOfMyIframe’]中的变量是未定义的,除非我等待一段时间加载iframe.但是,当iframe加载时,变量不可访问(我得到权限被拒绝 – 类型错误). 有没有人知道这方面的...

javascript – XMLHttpRequest referrer和iframe【代码】

页面A包含执行XMLHttpRequest的javascripts函数.页面A在iframe中加载页面B.页面B执行parent.makeRequest()函数,该函数又执行XHR请求.我希望XHR请求的引用者/来源是第B页,但它是第A页.有什么方法可以解决这个问题吗?解决方法:您无法控制Referer标头的值. 使用setRequestHeader方法发出XHR请求时,可以调整某些HTTP标头.但是,Referer标题是特别例外.从规格:The above headers [including Referer] are controlled by the user agent...

javascript – 从另一个iframe更改iframe源代码【代码】

好的,我在父页面内有2个iframe(无论出于何种原因). 我在父页面上有一个导航菜单,它改变了iframe#1的来源…… iFrame#1的工作,是显示另一个导航菜单……就像一个子导航菜单…… 现在,如何点击iFrame#1中的li,更改iframe#2的来源?他们都在同一个父页面上…… 除了惨遭失败之外,我还得到了Chrome开发工具的警告 – 不安全的JavaScript尝试使用URL文件访问框架:/// C:/website/index.html来自URL文件:/// C:/website/news/naviga...

javascript – IFRAME安全问题中的Java脚本

在网站http://imaginaryman-test.blogspot.com/上,打字机位于IFAME内.当您直接访问网站http://castedspell.com/mark/时,所有浏览器上的所有内容都能正常工作,但是当查看嵌入在IFRAME中的版本时,它无法在IE上运行并在Chrome中引发错误. 不安全的JavaScript尝试从URL为http://castedspell.com/mark/的帧访问URL为http://imaginaryman-test.blogspot.com/的帧.域,协议和端口必须匹配. 这是嵌入式IFRAME的源代码https://github.com/tot...

javascript – 动态更改iframe的onload【代码】

我有一个页面包含几个< iframe>标签.我想动态地更改他们的onload动作.我有以下代码在FF,Safari,Chrome,Opera中正常工作,但IE(8)拒绝遵守.document.getElementById('myiframe').onload = function() {return function() { file_onLoad(data); } }();我一直在使用类似的东西来设置< input>的onchange.元素,这在我测试过的所有浏览器中运行良好,包括IE.document.getElementById('myinput').onchange = function() {return function() ...

javascript – iframe动态高度调整大小【代码】

嗨我目前有2页(index.html和iframe_contents.html).两者都在同一个域上. 我目前正在尝试根据内容大小动态调整iframe. 我正在使用它来帮助我http://benalman.com/code/projects/jquery-resize/examples/resize/并且如果iframe_contents body标签在Firefox和IE 7/8/9上变得更大或更小,它可以工作但是对于webkit它只能增长并且永远不会缩小 我将iframe_contents.html中的body标签缩小到内容高度更改时不缩小但仅在iframe中缩小.当ifra...

javascript – Jquery iframe跨域动态高度

只有没有庞大的插件,这对jquery来说甚至可能吗? 我知道有很多插件和替代品,我正在寻找最短的,robustest&最干净(最好依靠jquery) 这里有基本的jsfiddle试用你的想法:http://jsfiddle.net/3vPJd/解决方法:我必须使用“这是不可能的”,因为父页面无法获得第三方页面的高度,因为它来自与父页面不同的域. 编辑:如果您对第三方页面有一些控制权,则可以执行此操作. 我个人只会使用他们已经实现的方法,它不需要jQuery,你只需要包含frame...

javascript – 如何防止在iframe中浏览时打开新标签页或窗口【代码】

在浏览iframe窗口时,我想阻止任何弹出窗口.此外,当我点击想要打开新标签或窗口的链接时,我想获取网址并将其放入iframe.src.我发现有一个window.open方法可以打开新的选项卡或窗口,但是如何阻止它并获取网址?解决方法:您可以使用自己的函数覆盖window.open:var oldWindowOpen = window.open; window.open = function (url, name, features, replace) {// handle window.open yourselfmyIframe.src = url;// if you want to use fu...

javascript – Facebook Face Pile使用HTML5而不是iFrame【代码】

是否可以通过JavaScript API使用Facebook Face Pile指向APP-ID而不是HREF?例如,JavaScript相当于iFrame代码的代码:<iframe src="http://www.facebook.com/plugins/facepile.php?app_id=120600291315567"style="border:none; overflow:hidden; width:300px; height: 70px"> </iframe>解决方法:要显示有多少朋友正在使用您的网站/应用,请使用在https://developers.facebook.com/docs/reference/plugins/facepile/生成的HTML5示例,然...

是否可以覆盖来自父级的iFrame中的javascript?如果是这样的话?【代码】

我在我们的一个触摸屏应用程序中使用Telerik RadSpell控件.我已经成功地设计了它的样式但是这个糟糕的东西使用window.alert和window.confirm来提示用户是否想要保持更改等. 我想禁用这些警报,而无需拆开和修改telerik控件. 问题是拼写检查对话框使用iframe,我似乎无法覆盖iframe中的window.confirm函数. 用于测试覆盖确认的示例代码.<!-- mainpage.htm --> <html><head><script type="text/javascript">window.confirm = function(...

Javascript正则表达式匹配iframe src【代码】

如果我有两个iframe,我怎么能匹配那个不是youtube src的那个?<iframe src="http://googleads.g.doubleclick.net/pagead/ads?client=ca-feed-pub"></iframe> <iframe src="http://www.youtube.com/embed/Y4MnpzG5Sqc?wmode=opaque"></iframe>解决方法:您将所有数据都放在一个字符串中,可能包含多个标签?在这种情况下,您需要1)在字符串中找到每个单独的iframe,2)检查每个找到的iframe,如果您需要删除它或不管它.这是代码,只是注释...

javascript – 动态添加到iframe的SVG无法正确呈现【代码】

具体来说,IRI引用(例如fill =“url(#myLinearGradient)”)似乎不起作用. 示例:http://jsfiddle.net/QYxeu/2/ 截图(右边的iframe): 线性渐变不会在右侧呈现. 我在Chrome,Firefox中遇到了这个问题,但奇怪的是Safari很好. 有谁知道问题是什么以及如何解决?解决方法:可以通过打开和关闭iframe文档一次来解决此问题.似乎有些浏览器需要初始化iframe的内容文档才能用于解析url片段.var iframe = document.createElement('iframe'); do...

javascript – 在保留父页面位置的同时滚动到iframe中的特定ID【代码】

我需要能够根据需要在iframe中加载特定页面,所以我使用了一个简单的包装器:function updateFrame(url) {frames[0].location = url; }然后我被要求将页面加载到特定点,这是非常重要的,因为页面不在我的控制范围内,并且并不总是< a name>锚依靠.因此,一些讨论显示ID可以用作锚点. 也就是说,您可以滚动到< div id =“somewhere-down-the-line”>有:updateFrame("http://host/page#somewhere-down-the-line");除了此调用之外还会向上...

javascript – 如何将iframe位置内部重定向到其他位置?【代码】

如何将I帧位置重定向到另一个位置?任何的想法?我有这样的样本,我正在尝试做什么 我想通过该网站内的点击按钮将此位置改为另一个位置.当这个站点登录时,当我按下注销按钮时,我想回到这个页面,但仍然在这个I帧中. 这怎么可能? HTML<iframe scrolling="no" src="http://www.example.com/login"></iframe>解决方法:为您的iframe提供ID<iframe scrolling="no" src="http://www.example.com/login" id ="myframe"> </iframe>然后点击你...

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