草庐IT

the-iframe-element

全部标签

javascript - 使用 IFRAME 是否可以实现 javascript 多线程

我目前正在考虑使用IFRAME来实现一个非常简单的多线程引擎。然而,我的初步结果表明,在线程中运行比在单个线程中运行要慢。我的测试是:单线程varstart=newDate().getTime();for(vari=0;i多线程varstart=newDate().getTime();//Inthread1for(vari=0;i可以看出,我只是在IFRAME之间分配工作负载(请注意,上面的代码只是为了更好地描述我正在做的事情,它不是工作代码)。所以我在想即使使用FRAMEsFireFox仍然只有一个JS引擎?这个假设是否正确?(使我的研究变得愚蠢),其他浏览器是否不同?快速谷歌一下,

javascript - 停止播放所有 YouTube iframe 嵌入?

我卡住了!我正在使用jquery,在单击时拉出一个youtubejson-c提要,获取第一个id,并使用它来将html5iframe视频添加到ul的顶部。然后我递增它并提取第二个ID、第三个ID等并相应地添加它们。问题是,在添加新视频时,我希望之前的任何视频都停止播放。他们有什么方法可以用javascript/jquery来实现吗?函数调用如下:functionvideoCall(i){$.getJSON('http://gdata.youtube.com/feeds/api/standardfeeds/most_recent?v=2&max-results=50&alt=jsonc'

javascript - 是否可以使用 Javascript 检索 iframe 的*完整* HTML 页面源代码?

我正在尝试弄清楚如何从中检索完整(即所有数据)HTML页面源,而src与它嵌入的页面。我想要任何给定时间的确切源代码,由于Javascript或php生成html输出,这可能是动态的。这意味着像$.get()这样的AJAX调用对我不起作用,因为页面可以通过Javascript修改或根据请求时间或php中的mt_rand()唯一生成。我无法从我的中检索到准确的声明。我一直在通过StackOverflow进行试验和搜索,但没有找到一个解决方案来检索所有页面源代码,包括声明。HowdoIgettheentirepage'sHTMLwithjQuery?中的一个答案表明,为了检索信息,您需要手

javascript - 开放层 4 : Changing the draw order of selected features

我在OpenLayers4(4.4.1)中有一个矢量层。该层具有多个具有LineString几何特征的特征。一些功能重叠。如果我在特征重叠的点上单击,我只想将其中一个特征绘制为选中状态。其他的应该仍然可供稍后选择(通过单独的UI选择列表中的功能ID)。如果我点击另一个特征ID(在单独的UI选择列表中),该特征应该被绘制为选中状态,而之前选择的不应该被绘制为选中状态,但在选择列表中仍然可用。这有效,但它只是第一个(默认)选定的要素似乎绘制在顶部。下图显示了特征ID10049被标记为选中的情况。下图显示了特征ID10048被标记为选中的情况。如果我在最南端的特征上单击它们不重叠的某个位置,

javascript - 用户在网页 + Iframe 上花费的时间

我想衡量用户在网页上花费的时间。它不包括用户离开浏览器的时间。我发现很少有像Timejs这样的开源库可以测量用户在网页上花费的时间的库,但是当用户在页面上观看Youtube视频时,这些库不会测量该时间。.有没有办法处理这种情况或处理这种情况的任何其他库?实际上,这些库无法计算用户在iFrame中花费的时间。了解用户何时在IFrame中处于事件状态的最佳方法是什么?Google/AppNexus/Motomo如何计算交互时间?他们是否遵循共同的设计/架构?PS:我正在尝试将库与我的React应用程序集成。如果React中有类似的方法可以解决这个问题。请在评论/回答中让我知道。提前致谢

javascript - LinkedIn OAuth 重定向登录返回 "No ' Access-Control-Allow-Origin' header is present on the requested resource“错误

我目前正在我的React和Play应用程序中使用LinkedIn实现OAuth登录,并在尝试重定向到我的开发环境中的授权页面时遇到CORS错误:XMLHttpRequest无法加载https://www.linkedin.com/oauth/v2/authorization?response_type=code&client_i…basicprofile&redirect_uri=http%3A%2F%2Flocalhost%3A9000%2Fusers%2Flinkedin。从'https://www.linkedin.com/oauth/v2/authorization?respo

javascript - jQuery-UI 可调整大小 : scale all alsoResize elements in proportion with resizable div

我有一个可调整大小的div,它位于已设置为alsoResize的一系列元素之上。在视觉上,可调整大小的元素是alsoResize元素的边界框。我希望能够根据可调整大小的div的比例调整alsoResize元素的大小。UI的默认行为使每个元素在调整大小时都有固定的左侧和顶部位置:http://jsfiddle.net/digitaloutback/SrPhA/2/但我想调整每个AR元素的左侧和顶部,以便在调整大小时随边界框一起缩放。我最初认为通过更改alsoResize插件不会太麻烦。这是我添加到调整大小的内容:_alsoResize://Getthemultipliersvarscal

javascript (jquery) 数字输入 : keyCode for '3' and '#' are the same

我需要设置一个这样它将只接受数字字符、退格键、删除、输入、制表符和箭头。周围有很多例子,我从类似的开始:functionisNumericKeyCode(keyCode){return((keyCode>=48&&keyCode=96&&keyCode在我按下“#”键之前,一切都完美无缺。在我的法语加拿大键盘中,“#”有自己的键(不暗示转换)返回keyCode51,与数字“3”相同。我认为在美式键盘中,“#”是通过按shift+3获得的,这可能是它们具有相同键码的原因。现在我意识到我还必须处理shift和alt键,但那是另一回事了。它与提供charCode属性的jquery按键事件不同

javascript - Rspec & capybara : Setting focus to an element using jQuery doesn't apply `:focus` CSS

我在我的网页中为盲人和键盘用户提供了跳转链接,这些链接已移出视口(viewport)以在视觉上隐藏它们;当他们获得焦点时,他们会被移动到视口(viewport)中。我想使用RSpec和Capybara测试此行为,但不知何故不起作用。it'movesthefocustothenavigationwhenactivatingthecorrespondinglink',js:truedoexpect(page).not_tohave_css'#main:focus'page.evaluate_script"$('#jump_to_content>a').focus()"click_link'

javascript - NgRX 实体 : ids are undefined in the State

我一直在一个虚拟的“Todo”项目中尝试@ngrx/entity,它有一个AppModule、一个reducer和一个组件。但是,我在尝试时遇到问题。我的操作非常简单,只是一些CRUD操作:import{Action}from'@ngrx/store';import{Todo}from'../../models/todo';exportconstCREATE='[Todo]Create'exportconstUPDATE='[Todo]Update'exportconstDELETE='[Todo]Delete'exportclassCreateimplementsAction{rea