草庐IT

Simple_HTML_DOM

全部标签

javascript - 为什么 translate3d 会泄漏 DOM 节点?

考虑这个HTML页面:http://jsbin.com/aYUcelo/1/(我建议下载它以摆脱所有jsbin噪音)。点击GO按钮,一个div被添加到正文中。RM删除其中一个div。它还将两种样式之一应用于新的div:newDiv.style.color="red";//ornewDiv.style.WebkitTransform="translate3d(0px,0px,0px)";可以看到chromedevtoolsmemorytimeline中的节点数量不断增加,如果应用了WebkitTransform,GC无法移除。红色样式不会发生这种情况。编辑:只是为了明确应用“红色样式”添

javascript - 使用文本区域利用 jQuery HTML 解码

跟进mylastquestion...如果攻击者可以访问encodedText,则可以利用此代码:return$('').html(encodedText).text();例如$("").html('').text()显示警报。Thisanswer建议使用textarea而是为了避免XSS漏洞:return$('').html(encodedText).text();这能够安全地处理之前的漏洞。然而,thisanswer表示使用textarea时仍然存在XSS漏洞:Isuggestusingasafer,moreoptimizedfunctiondon'tusejQuery.html(

javascript - jQuery/JS 是否返回实际的 DOM 节点,或者只是对它们的引用?

我问的原因是因为我正在考虑在我拥有的这个巨大的多维数组中存储一堆DOM节点。成本:占用内存空间。问题是有多少空间,这取决于我获取的是引用还是实际的DOM节点。好处:1)它会使我的代码简单很多。2)我可以避免遍历,而只是从我的数组中引用DOM节点。想法? 最佳答案 来自jQuery网站:…jQuery()—whichcanalsobewrittenas$()—searchesthroughtheDOMforanyelementsthatmatchtheprovidedselectorandcreatesanewjQueryobject

javascript - 在 DOM 中移动 Controller 时保留元素/范围状态

在一个Angular应用程序中,我想将一个元素从DOM树的一部分移动到另一部分,而不必重新加载附加到移动元素的Controller。我创建了一个简化的plunker来说明:http://plnkr.co/edit/sqBRM3ZQ5G9xpiNd1MXm?p=preview在这个plunker中,唯一要保留的数据是切换器状态,但实际上它可能是非常大量的数据,可能需要花费大量精力来初始化。我想要做的是能够将模板1从指令1移动到指令2,但我想保留切换器的状态。在这种情况下,如果单击切换器使其变为绿色,然后单击“从列表1移动到2”两次,它会将其移动到指令2,但会将颜色重置为红色。为了避免这种

javascript - 使用 html2canvas 和 jsPDF 保存页面的 PDF

我想从一个div的内容创建一个PDF。我正在使用jsPDF.问题是我的样式都没有通过,因此PDF看起来不对。然后我遇到了article使用html2canvas截取页面的屏幕截图。当我尝试提供的示例时,它给了我这个错误:uncaughtexception:Invalidorientation:[objectobject]我该如何解决这个问题?这是我正在使用的JS:(function(){varcontent=$('#content'),cache_width=content.width(),a4=[595.28,841.89];//fora4sizepaperwidthandheigh

javascript - HTML 页面中的 Sharepoint 上下文信息

我正在通过将javascript和html文件上传到文档库来在Sharepoint2013中构建一个SPA。我试图通过sp.js库访问上下文信息来获取当前用户信息。但是我得到这个错误:_spPageContextInfoisnotdefined在我的index.aspx文件中,我包含以下js:我还在index.aspx文件的顶部包含了这个:在我的js文件中,我有以下代码:$(document).ready(function(){//waitforthesharepointjavascriptlibrariestoload,thencallthefunction'Initialize'E

javascript - 绕过 HTML 导入的安全性

我正在导入HTMLsnippet来自第三方并将其嵌入到我的Angular7应用程序之外的某个占位符中。片段中有一个以javascript:开头的链接,Angular将以unsafe:为前缀,这会破坏其功能。DOMSanitizerAngular似乎只提供了一种绕过HTML字符串安全性的方法。但是,在下面的方法中,我只是读取DOM节点并将其附加到不同的目的地。所以我需要一个DOM节点的解决方案。根据我的研究,在appendChild调用之后插入的节点是正确的,但是在Angular添加unsafe:几毫秒之后。如何绕过DOM节点的安全性?privateinsertPart(componen

javascript - URL 中的 HTML 和 CSS 导致 404 错误(用户代理 = Trident/4.0)

我在URL中收到一些带有代码片段(CSS、HTML和JavaScript)的404。据我所知,用户在他们的session期间在网站上的进展情况很好-它是一个电子商务网站,受影响的用户正在将东西放入他们的购物篮并检查OK等。在某些页面上,我看到404错误与看似成功的页面显示相邻。每次显示该页面(在该session中)时,我都会收到相同的404错误。记录的404错误示例:404;http://www.example.com/rrepeat:repeat-y;有问题的页面上有一个匹配实例(除了第一个“r”):我已经检查了包含的CSS文件,但没有匹配项(如果匹配,我想我会在包含CSS文件的所有

javascript - 如何在不丢失内容的情况下沿 DOM 移动 iframe?

这可能吗?我试图移动它,但iframe内容消失了。试图获取iframe的内容并将它们放置在新位置,但所有处理程序都消失了。尝试做同样的事情,但有了新的jQuery1.4.2功能,它会克隆所有事件。但它不起作用:)所以我决定在这里寻求帮助。如何在不丢失内容的情况下将该死的iframe移动到文档中的另一个位置?^_^谢谢添加:txtad_iframe=ad_container.find('iframe');its_contents=txtad_iframe.contents();its_body=its_contents.find("div:first").clone(true).inse

javascript - 循环添加/删除 DOM 节点会导致 JavaScript 内存泄漏?

我正在尝试显示使用DOM元素(添加/删除它们)进行操作的动态可变数据。我发现几乎所有浏览器都有一个非常奇怪的行为:在我删除一个DOM元素然后添加一个新元素后,浏览器没有释放被删除的DOM项目占用的内存。请参阅下面的代码以了解我的意思。在我们运行此页面后,它将逐步占用多达150MB的内存。谁能向我解释这种奇怪的行为?还是我做错了什么?functionredrawThings(){//Removingallthechildrenfromthecontainervarcont=document.getElementById("container");while(cont.childNodes