草庐IT

video_dom

全部标签

javascript - 每个 DOM Node 的屏幕截图

如何为任何站点中的每个DOMNode创建屏幕截图?我尝试使用headless浏览器(puppeteer),只有当我知道某些元素的XPath或选择器时它才能工作。但是如何接收所有元素的XPath或选择器?asyncfunctionscreenshotDOMElement(opts={}){constpadding='padding'inopts?opts.padding:0;constpath='path'inopts?opts.path:null;constselector=opts.selector;if(!selector)throwError('Pleaseprovideasel

javascript - Rhino 和 DOM 支持

Rhino是否支持使用DOM对象? 最佳答案 是的,E4X是一个简单的DOM实现...可能比普通的JavaDOM实现更好。 关于javascript-Rhino和DOM支持,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/4911689/

javascript - 克隆一个 DOM 事件对象以重新分发

有些浏览器不允许您重新分派(dispatch)已经分派(dispatch)的事件,但允许您根据可以从现有事件对象获得的值创建新的事件对象。是否有适用于任何事件类型的通用且可重用的解决方案,或者如果没有,是否有针对特定事件类型执行此操作的方法(在我的例子中,我目前关注的是mousewheel事件)? 最佳答案 现在似乎有更好的解决方案,因为initMouseEvent等已被弃用。MouseEvent()例如,构造函数将一个属性表作为它的第二个参数,您可以为此使用现有的MouseEvent对象:letmy_event=newMouseE

javascript - 在 IE 中使用带有数据属性的 javascript 向 DOM 添加脚本标签

在我的页面上运行一些东西后,我需要将以下脚本标记添加到DOM:我知道最好所有的东西都在我的require文件中,但现在我需要修复它才能在IE中工作。我在FF/Chrome中工作的是:varscript=document.createElement('script');script.setAttribute('data-main','js/main');script.src='lib/Require/require.js';document.getElementsByTagName('script')[0].parentNode.appendChihld(script);但是,当我尝试设

javascript - 使用 javascript/jquery 访问影子 DOM 属性( polymer )?

我目前正在使用polymer的core-scaffold&co。创建带有内容区域的页眉/侧边栏。我目前遇到的问题是我无法访问内容元素的某些属性,例如scrollTop。(因为我需要访问的实际scrollTop属性是在影子DOM中定义的。)这与我正在使用的lazyloadjquery插件冲突。该插件正在检查window.scrollTop但更改插件以检查我的内容(滚动而不是窗口)的scrollTop不会有任何影响,因为scrollTop在影子DOM中“隐藏”。有没有办法访问影子DOM元素?我唯一能找到的是访问你自己用createShadowroot(或者它被调用的任何东西)创建的影子DO

javascript - DOM 元素宽度可以是非整数吗?

我有一些页面的div元素由JavaScript对齐。JavaScript只是检查一组div元素以找到最大offsetWidth,然后设置所有div元素的width成为最大offsetWidth。它在大多数浏览器和语言环境中都能完美运行,但在Mac上的Firefox中无法使用法语。在这种情况下,div的内容会换行。Heurededébut:对于上面的HTML,下面的代码报告“79”。javascript:alert(document.getElementById('divFoo').offsetWidth);但下面的代码报告“79.1333px”。javascript:aler

javascript - 如何识别 DOM 何时被更改?

是否有一种简单的方法可以知道DOM何时已更改?有没有内置的JavaScript/jQuery事件/函数? 最佳答案 如果您必须检测更改,您可以检查DOM突变事件。DOMeventswikipediapage列出他们所有。但是,您应该知道它们在InternetExplorer中不受支持,并且在支持它们的浏览器中可能会经常触发。一种蛮力方法是使用setTimeout并自行检查更改。但我的经验表明,可以避免对DOM更改通知的需求。您能否详细说明您的具体要求? 关于javascript-如何识别

javascript - 如何从嵌入式 youtube 播放列表中禁用 "related videos"

我需要在iframe上嵌入Youtube播放列表。我不希望用户能够退出这个播放列表,所以我需要禁用“相关视频”和“更多视频”功能(一个在视频停止时显示更多视频,一个在视频停止时显示它们视频已完成)。我已经测试了一些解决方法,但它们仅适用于单个视频(不是播放列表),并且大多数方法在更改?rel=0的行为方式后停止工作。有什么办法吗?这是我的代码:.rep{position:absolute;top:0px;left:0px;width:1280px;height:640px;z-index:6;}编辑:视频必须按顺序显示,因此我不能使用rel只显示播放列表中的视频。另外,如果您点击它们,

javascript - 当我可以在 JavaScript 中直接引用 DOM id 时,为什么要使用 document.getElementById?

这个问题在这里已经有了答案:关闭9年前。PossibleDuplicate:IE/Chrome:areDOMtreeelementsglobalvariableshere?我最近发现我可以在javascript中使用DOM中的任何对象并直接引用其id:IMALAYERalert(layer.innerHTML);如果这是真的,我使用getElementById方法有什么好处?

javascript - 如果我的脚本位于正文末尾,我应该使用 DOM 就绪函数吗?

我知道,在jQuery中,我们被告知要使用$(document).ready()以确保DOM元素已准备好进行交互。我知道如果脚本标签在中,这绝对适用.如果它们在的末尾,在所有的DOM元素之后,我还应该使用DOM-ready函数吗?如果我不这样做,是否存在我的代码在其中会失败的浏览器?谢谢! 最佳答案 在中有一件事是你不能做的在之前阻止:将DOM内容附加到正文。这是append-relative-to-parse问题,导致IE与可怕的“操作中止”相匹配。因此,如果您有执行此操作的脚本或插件,则无法在body元素末尾内联调用它们。否则继