草庐IT

the-iframe-element

全部标签

javascript - 在 iframe 内更改的下拉列表的当前光标位置插入文本

我正在使用Microsoftajax-toolkit提供的文本编辑器。它在浏览器上呈现iframe。我在那个编辑器中添加了一个下拉列表,我希望当用户更改下拉索引时,应该在编辑器当前光标位置添加该值。我在SO上得到了一个代码,它给了我当前在编辑器中选择的文本如下functiongetIframeSelectionText(iframe){varwin=iframe.contentWindow;vardoc=iframe.contentDocument||win.document;if(win.getSelection){returnwin.getSelection().toString(

javascript - 使用 Firebug 网络面板计时 : What is the onload time?

我正在使用Firebug网络面板查看响应时间。在网络面板的状态栏上,摘要显示如下:10个请求90KB10.22秒(加载6.57秒)加载时间是什么意思?这是否意味着一旦从服务器接收到内容,页面又需要6.57秒才能变为可用(即onready事件完成)?注意:我正在测试的站点包含大量Qooxdoo组件和大量JavaScript。 最佳答案 你的页面初始化顺序是:主要脚本正文脚本加载以后的事所以'onload'是onload事件被抛出并完成执行的时间。Firebug中的onload时间全部初始化,包括onload事件本身。Onload等待页

javascript - Angular : ng-controller on directive does not work on transcluded elements within directive

Here是我的脚本:angular.module('MyApp',[]).directive('mySalutation',function(){return{restrict:'E',scope:true,replace:true,transclude:true,template:'Hello',link:function($scope,$element,$attrs){}};}).controller('SalutationController',['$scope',function($scope){$scope.target="StackOverflow";}])和html:{{

javascript - Firefox 控制台在 HTTP 204 响应中抛出 "no element found"

一切正常,但我无法在firefox控制台中消除此错误:noelementfound我正在向我的api发送HTTP请求:$http({url:API_LOCATION+'expenses/'+obj.expense.id+'/',method:"DELETE",}).then(function(response){if(response.status===204){varparams=$location.search();params['alert-success']=ALERTS.EXPENSE_DELETED;$location.search(params);}$route.relo

javascript - iframe 是否与所有者在同一线程上运行?

我有CPU密集型工作要做,我不想降低用户体验。由于webworkers(http://ejohn.org/blog/web-workers/)是一项新功能,并非所有浏览器都支持,我想打开一个带有HTML+JS的iframe,它将完成所有肮脏的工作,并使用一些跨域通信来传递结果.不幸的是,我注意到iframe的所有者受到iframe窗口CPU工作的影响。此行为是否符合设计?有办法解决这个问题吗? 最佳答案 一种模拟多线程的方法是让Javascript函数做一些工作,然后用相同的函数调用setTimeout;然后该函数将做一些工作并再次

javascript - iframe 是否可以在没有主窗口帮助的情况下自行调整大小?

主窗口和iframe都在同一个域中,但我想要实现的是仅在该iframe中使用js调整iframe的大小以适应其内容。我也不知道主窗口分配给它的iframe的ID。我不想为此使用jquery或任何其他框架。 最佳答案 您也可以在不知道父窗口中iframe的id的情况下执行此操作:window.frameElement.style.width=iframeContentWidth+'px';window.frameElement.style.height=iframeContentHeight+'px';请参阅MDN处的frameEle

javascript - JS 继承 : calling the parent's function from within the child's function

JS对象模型肯定有不明白的地方。来自这些资源:PrototypesBasicOOPinJS-InheritanceObject.create()我收集了我认为或认为是对象模型的准确心理表征。在这里:所有对象都有一个属性,文档将其称为[[Prototype]]。[[Prototype]]可以被认为是对对象父对象的引用。更准确地说:Thereferencetothe[parent's]prototypeobjectiscopiedtotheinternal[[Prototype]]propertyofthenewinstance.(source1)您可以使用Object.getProtot

javascript - 当鼠标悬停在 Firefox 中的嵌入式 iframe 上时防止父页面滚动

...无需限制iframe内的滚动或需要专门命名/标记所有可滚动元素。想象一下嵌入在父页面中的谷歌地图小部件。显然,当您放大小部件时,您不希望父页面滚动。我想到了我的previousquestion的答案解决了问题:Whilescrollinginsideaniframe,thebodydoesn'tknowanythingaboutwhathappensthere.Butwheniframescrollerreachthebottomorthetop,itpassscrollingtobody.Canceltheeventthatpropagatesfromtheiframe.但该解

javascript - 动态创建一个 iframe 并将 onload 事件附加到它

我动态创建了一个iframe并向其添加了一个src属性。然后我将此iframe附加到页面正文。知道我想将onload事件附加到iframe以读取iframe内容。有人可以建议我该怎么做吗?frame=document.createElement('iframe');frame.setAttribute('src','http://example.com');body.appendChild(frame);frame.onload=function(){alert('hi');//hereIwanttoreadthecontentintheframe.} 最佳

javascript - 如何使 iFrame 在单击按钮时进入全屏?

我想让iFrame通过使用JavaScript单击按钮全屏显示。 最佳答案 您必须做两件事:使窗口全屏显示,然后填满整个尺寸。您可以使用JS使其全屏显示,例如thisSOanswer.然后,要使其成为全尺寸,只需添加一些样式,如下所示。这个JS脚本所做的是将具有这些样式的类添加到.JSdocument.getElementsByTagName("iframe")[0].className="fullScreen";CSSbody,html{height:100%;margin:0;}.fullScreen{width:100%;he