草庐IT

video_dom

全部标签

javascript - 使用 Redux、React 和 react-router-dom 4.x 时从动态组件获取 ref

我有以下类(class)classMatchBoxextendsReact.Component{constructor(props){super(props);this.countdownHandler=null;this.showBlocker=true;this.start=this.start.bind(this);}start(){...}render(){...return(...);}};functionmapStateToProps(state){...}functionmatchDispatchToProps(dispatch){...}exportdefaultwit

javascript - 为什么 DOM 既有 window 又有 self?

为什么DOM有一个名为self的对象和另一个名为window的对象,而它们是同一事物?更让人困惑的是window有一个名为self的属性,所以:window===window.self===self为什么会这样?我应该使用哪一个? 最佳答案 self由javascript环境定义并指向[global]对象(但不是规范的一部分,因此可能不存在),而window是DOM规范的一部分。在大多数浏览器中,window被用作[global]对象,但并非总是如此。self==window.self并不奇怪,因为它们是同一个对象-当查找self时

javascript - 单击链接然后按“后退”按钮后保留 DOM 更改

我正在使用jQuery的appendTo()方法将项目附加到无序列表。当用户单击另一个链接,然后按下“后退”按钮时,附加的项目就会消失。有没有办法使用JavaScript来保留这些更改? 最佳答案 当点击BACK时,一些浏览器会缓存上一个(最初加载的)页面。如果您可以通过重新加载来重新生成页面,则可以使用缓存控制“无存储、无缓存、必须重新验证”来强制返回。Chrome想要no-store,而IE想要must-revalidate。对于其他浏览器(和w3c),无缓存就足够了。 关于java

javascript - 一次重绘/回流中的多个 DOM 更新?

我有一个表格,其中填充了已连接用户的列表。列表本身并不经常更改,但每一行中的其中一个是每秒更新的计时器(hh:mm:ss)。要更新计时器,我正在做这样的事情:varcurTime=newDate().getTime()/1000;$('.timerCell').each(function(){var$this=$(this);varinitialTime=$this.data('sessionStartTimestamp');//.datagetswhenthecellisdynamicallycreatedbasedondatareceivedinanajaxrequest.$thi

javascript - 在通过 AJAX 加载的 DOM 中运行动态注入(inject)的 javascript(尝试使用 history.js 对网站进行 ajax 化)

我有一个Web应用程序,它基本上具有页眉、页脚和正文View。我正在使用history.js库和HTML5pushstate对网站进行ajax化,但我遇到的问题之一是在将javascript插入DOM时让嵌入式javascript运行。几乎所有我的javascript都包含在jQuery(function(){...})(文档就绪加载器)有人知道处理这个问题的好策略吗?谢谢! 最佳答案 如果我理解您的意思,您的“页面”只是您正在动态加载的HTML的容器。在该HTML中,您有当前不执行的JavaScript脚本block。那是对的吗?

javascript - 使用 JSON -headers 解释 XMLHttpRequest 初始化中的 DOM 11 错误

作为这个更大难题的一部分,我收到此错误here.varxhr=newXMLHttpRequest();xhr.setRequestHeader('Content-Type','application/json');//Error:INVALID_STATE_ERR:DOMException11进一步研究O'Reilly'sbook"DefiniteGuidetoJavascript6thEdition"onpage491inchapter18"ScriptedHTTP"discussedXMLHttpRequest,please,notethatitisnotonlyaboutHTTP

javascript - 如何将 DOM 元素扩展为一个类(不使用 jQuery)

这个问题在这里已经有了答案:关闭10年前。PossibleDuplicate:InJavascript,canyouextendtheDOM?我正在尝试向元素添加方法和属性。它没有被列为全局类。我可以像这样扩展字符串:String.prototype.dosomething=function{...};我尝试这样(它更大,这是基本的):function$id(str){this.element=document.getElementById(str);returnelement;}varmyElem=$id('myId');//WORKS!!!$id.prototype.dosomet

javascript - 了解基本的 DOM 链接

我开始使用JavaScript和DOM,试图有意识地远离jQuery等,至少暂时如此。考虑到这一点,教程通常会提供如下示例:h=document.createElement("h1");t=document.createTextNode("Hello.");h.appendChild(t);document.body.appendChild(h);为了简化这一点并避免变量,我成功地链接了以下内容:document.body.appendChild(document.createElement("h1")).appendChild(document.createTextNode("Hel

javascript - 防止在 jquery 中进行多次 DOM 搜索

我创建了一个函数来返回一个jquery元素。functionGetDialogButton(){return$('a.dialog');};这是因为在多个其他函数中使用了相同的元素。我认为最好是从一个地方获取它,因此如果属性名称更改,将来更容易更改。我想改进这个getter,这样它就不会在一次页面加载中多次调用时每次都执行搜索。我该怎么做?我缓存它吗?或者也许没有必要,因为它已经过优化? 最佳答案 可以创建缓存变量,但会再次污染全局命名空间vardialogButton;functionGetDialogButton(){if(di

javascript - 使用 JavaScript 展平 DOM 中的嵌套跨度以优化 HTML 编辑器输出

我需要使用JavaScript重新格式化输入HTML,以便生成的输出HTML始终是的序列包含仅一个或多个的节点节点和每个节点应该包含恰好一个#text节点。举个例子,我想转换如下所示的HTML:Thisisline#1Thisisline#2Thisisline#3Thisisline#4HTML看起来像这样:Thisisline#1Thisisline#2Thisisline#3Thisisline#4额外的,有点离题的信息:文本在TinyMCE编辑器中。HTML需要符合此模式以使应用程序更有用并提供具有可用HTML的PDF输出引擎(wkhtmltopdf如果HTMl变得过于复杂且嵌