草庐IT

Simple_HTML_DOM

全部标签

javascript - 使用 React Router 和 Redux Simple Router 的 onEnter Transitions 不要渲染新路由的组件

我有一个使用react@0.14、redux@3.05、react-router@1.0.3和redux-simple-router@2.0.2的应用程序。我正在尝试根据商店状态为我的一些路线配置onEnter转换。转换Hook成功触发并将新状态推送到我的商店,这会更改url。但是,在页面上呈现的实际组件是来自路由匹配的原始组件处理程序,而不是新url的新组件处理程序。这是我的routes.js文件的样子exportdefaultfunctionconfigRoutes(store){constauthTransition=functionauthTransition(location

javascript - 在 react.js 上下文中获取 html 元素的数据属性

CMS将变量作为data-rest-url属性传递给React.js应用程序:...如果我将jQuery添加到我的React.js应用程序,那么我可以简单地:componentWillMount(){const$reactRoot=$('#reactjs-root');constrestUrl=$reactRoot.attr('data-rest-url');}但为此添加jQuery?您将如何将一些变量从CMS传递到您的单页React应用程序并使用react.js读取/解析/获取它? 最佳答案 考虑将数据属性作为props传递给组件

javascript - 为什么 documentFragment 不比重复的 DOM 访问快?

我一直认为,出于性能原因,与其反复接触DOM,不如使用documentFragment来附加多个元素,然后将片段附加到文档中一次,而不是而不仅仅是将新元素一个接一个地重复添加到DOM中。我一直在尝试使用Chrome的开发工具来分析这两种方法,使用这个测试页:Addrows测试1使用此代码向表中追加50000个新行:letaddRows=document.getElementById('addRows');addRows.addEventListener('click',function(){for(letx=0;x在Chrome的时间轴工具中录制时单击按钮会产生以下输出:测试2使用此代

javascript - 是否可以获取 createTextNode 方法来呈现 html 标签?

打印以下代码这应该打印(b)这应该打印(/b)这应该打印functionproduceMessage(){varmsg='Thisshouldprint';returnmsg;}document.body.appendChild(document.createTextNode(produceMessage()));document.write(produceMessage());document.getElementById('mySpan').innerHTML=produceMessage(); 最佳答案 不,文本节点不会打印任

javascript - 如何在没有实际页面刷新的情况下更新页面 html 和 url

我想知道是否有人可以指导我学习如何在不刷新页面的情况下更新页面html和url。是否有任何现有的javascript库可以处理这个问题,或者有一本涵盖此类内容的好书。这是一个使用该效果的示例网站。http://onedesigncompany.com/请注意,当部分更改时,实际的html和url都会更新,同时保持平滑过渡,没有可见的页面刷新。该网站在没有javascript的情况下也能正常工作。此外,如果有人发现使用这种方法有任何缺点,我会洗耳恭听。 最佳答案 如果您需要重新加载页面的一部分,而不是重新加载整个页面,我强烈建议您使用

javascript - 使用 .Net 在服务器端加载 DOM 并执行 javascript

我想使用文档(字符串形式)或URL加载DOM,然后对其执行javascript函数(包括jquery选择器)。这将完全是服务器端,在进程中,没有客户端/浏览器。基本上我需要加载dom,然后使用jquery选择器和text()&typeval()函数从中提取字符串。我真的不需要操纵dom。我看过Jurassic和Jint等.Netjavascript引擎,但都不支持加载DOM,因此无法满足我的需要。如果存在非.Net解决方案(node.js、ruby等),我愿意考虑,但我更喜欢.Net。编辑下面是一个很好的答案,但目前我正在尝试不同的路线,我正在尝试将envjs移植到侏罗纪。如果我能让它

javascript - Mustache.js 只允许换行,转义其他 HTML

我正在根据用户输入创建评论,并在用户点击“提交”后使用Mustache.js呈现它们。我意识到我可以用\n替换用户输入换行符()呈现为HTML中断,例如myString.replace(/\n/g,'');我意识到我可以通过使用三括号让Mustache不转义HTML{{{myString}}}但是,我想转义所有用户HTML,因为Mustache通常会使用双大括号{{...}},除了允许换行符最好的方法是什么?我可以在渲染后替换换行符,但这似乎是一个非常低效的解决方案,我认为必须有更好的方法。 最佳答案 选项1-使用前置标签:用包裹文

javascript - 给定一个数据矩阵,计算 html rowspan 和 colspan

我有一个如下所示的稀疏矩阵,由数据单元格(1..9)和空单元格(=0)组成:[[1,2,0,3],[0,4,0,0],[5,6,7,8],]我想将其显示为html表格,但不应有空单元格-它们应该被相邻数据单元格的行和列跨度“覆盖”:12345678(这是一种可能的实现方式,我们也可以在第二行使用colspan=4而没有rowspan)。生成实际的html不是问题,但我无法编写算法来计算数据单元格的行和列跨度。编辑:仍在为此寻找答案。仅使用colspans并将每个数据单元与其左侧/右侧的空单元连接起来似乎很简单。但是,我希望单元格尽可能呈方形,因此答案也应包括行跨度逻辑。谢谢!EDIT2

javascript - 防止 ASP.NET MVC 在 Html Helper ID 中用下划线替换句点

刚升级到最新的ASP.NETMVC候选发布版后,我注意到,在使用HtmlHelpers时,任何带有句点“.”的名称。当输出元素的ID时,它会将其替换为下划线“_”。我相信这是toaidinusingJQuery并且使用期间是为了辅助ModelBinders的使用。这破坏了我们所有使用原型(prototype)的javascript,因为ID都已更改。有没有办法轻松关闭此功能? 最佳答案 摘自ASP.NETMVCRC1发行说明(第15页)。Inthisrelease,bydefaultthedotcharacterisautomati

JavaScript: 'Document' 和 'HTML' 有什么区别

例子:$(document).click(function(){blah});//and$('html').click(function(){blah}); 最佳答案 我会分几个部分来回答这个问题。在JavaScript(不仅仅是jQuery,而是所有JavaScript)中,document关键字是包含HTMLDocument的对象的句柄。您可能会在以下情况下使用此句柄...//Getthecurrentwebaddressalert(document.location.href);当您将文档传递给jQuery时,它会将文档解析为