草庐IT

NT-DOM-NV

全部标签

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变得过于复杂且嵌

javascript - 使用 jQuery 的 DOM 元素的非深拷贝

是否可以在不克隆其内容的情况下在jQuery中创建DOM元素的克隆/副本?我需要将一个div的内容拆分为两个具有相同属性的独立div。因此,例如我需要更改:thisisthefirstsentence.thisisthesecondsentence.变成类似的东西:thisisthefirstsentence.thisisthesecondsentence.具体如何拆分内容比较复杂,但这基本上就是我需要做的。显然,可以使用以下方法创建没有内容的克隆:$(el).clone().empty();但由于我的元素可能变得相当大,我想摆脱不必要地克隆元素内容的开销。想法?谢谢!

javascript - 修改 DOM 元素和限制回流的最有效方法是什么?

当使用具有潜在大型JS库、View模板、验证、ajax、动画等的非常动态的UI(想想单页应用程序)时......有哪些策略可以帮助最大程度地减少或减少浏览器花费的时间回流焊?例如,我们知道有很多方法可以完成DIV大小的更改,但是是否有应该避免的技术(从回流的Angular来看)以及浏览器之间的结果有何不同?这是一个具体的例子:给出了一个简单的示例,其中包含3种不同的方法来在调整窗口大小时控制DIV的大小,应该使用哪种方法来最大程度地减少回流?http://jsfiddle.net/xDaevax/v7ex7m6v///Method1:PureJavascriptfunctionresi