草庐IT

Simple_HTML_DOM

全部标签

javascript - angular.js - 解析 html 函数需要 2000 毫秒甚至更多

关闭。这个问题需要debuggingdetails.它目前不接受答案。编辑问题以包含desiredbehavior,aspecificproblemorerror,andtheshortestcodenecessarytoreproducetheproblem.这将有助于其他人回答问题。关闭7年前。Improvethisquestion我正在尝试加速我的网站。这是我在Timeline/ProfileJS内的chrome开发人员工具中找到的。其中包含大约150个蓝色的ParseHTML(在屏幕中)。这是加载时间的50%。我使用平板电脑对其进行了测试,该功能甚至花费了15000毫秒!我正在

javascript - 在 React 中将 DOM 元素作为 Prop 传递

所以我有一个组件需要一个DOM元素作为prop传入。我正在尝试像这样在另一个组件中使用它:...但这不起作用,因为(我怀疑)在我调用this.refs.myPropDiv时DOM尚未呈现。我将如何完成这样的事情? 最佳答案 在大多数情况下,这不是一个好主意,至少看起来不像是在遵循React的方式。首先,通过refs获取该div,您不会获取DOM元素,而是获取该div的支持实例。您可以获得像toomanyredirects所建议的那样的DOM元素。无论如何,你想要达到什么目的?React的一个优点是您不必弄乱原始DOM,而是使用虚拟D

javascript - 将 vee-validate/HTML 属性添加到插槽中的输入元素

在我的应用程序中,我有很多表单,大多数输入看起来完全像这样:{{$t('form.language')}}{{errors.first('language')}}这会一遍又一遍地重复。唯一真正改变的是字段名称和输入类型。有时它是一个选择,有时它是一个更复杂的组件而不是简单的HTML组件。我的想法是创建某种包装器组件。所以我不必复制所有这些,只需使用类似的东西:我试过那样实现它,但它不起作用:{{$t('form.'+name)}}{{errors.first(name)}}exportdefault{props:['name']}你有什么想法吗?问题是我无法轻松地将mixins和pro

javascript - 使用 ajax 时监听浏览器后退按钮并将 html 数据保存为对象。是好是坏?

我正在创建一个脚本来监听浏览器后退按钮并加载上一页。我是jquery和javascript(一个php人)的新手。在重新发明它之前,我在整个网络上搜索了一个图书馆。但是因为我在我的ajax链接中使用了很多参数,所以我不能使用那些库。我承认这是我的错误,因为我不知道如何使用如此复杂的系统。所以我在考虑是否创建一个系统如下。//getthecontentsofaparticulardivandsaveasanobject/associativearray//{hash:pageNumber,html:content}functionsave_history(div){varcontent=

javascript - 高效查找出现在指定 DOM 元素上的 DOM 元素

如何高效地找到位于指定查询元素之上的所有DOM元素?也就是说,我想要一个Javascript函数,当我传入对DOM元素的引用时,它将返回一个包含所有DOM元素的数组,这些元素与输入元素有非零重叠并在视觉上显示在它上方。我的具体目标是找到那些可能在视觉上阻挡其下方元素的元素。上下文是我对网页、查询元素或其他任何东西都没有高级知识的上下文。出于各种原因,元素可能会出现在其他元素之上。我当然可以通过对DOM的详尽搜索来做到这一点,但是当DOM树变大时,这非常低效且不实用。我还可以使用较新的elementFromPoint从查询元素中采样位置,以确保它确实在顶部,但这似乎效率很低。关于如何更好

javascript - Chart.js 标签中的 HTML

我想在我的图表标签中放置一些图片和/或链接。这是示例代码和jsFiddle:vardata={labels:['January','February','','ALink'],datasets:[{data:[65,59,90,81]}]}varctx=document.getElementById("myChart").getContext("2d");varmyNewChart=newChart(ctx).Bar(data);jsFiddlelink如您所见,HTML不会在标签内进行解析。有没有办法在图表的标签中添加工作图像和/或链接? 最佳答案

javascript - 未捕获的语法错误 : Unexpected token < in &lt;! DOCTYPE html>

我正在向外部域发送ajax请求。这是我的代码,将html数据转换为jsonp时,JSONP响应可能存在问题。我尝试了很多解决方案,因为我请求跨域,所以我必须使用JSONP,否则我必须面对跨域错误。使用简单JSON错误时出错:“XMLHttpRequest无法加载http://www.blink.com.kw/search-result.aspx?text=apple&searchfor=all。请求的资源上不存在'Access-Control-Allow-Origin'header。因此不允许访问来源'localhost:49324'。”响应错误:未捕获的语法错误:意外的标记$(doc

javascript - 在 react 中从 json 字符串渲染 HTML

我正在尝试根据从API接收到的JSON字符串呈现HTML对象。我能够让字符串成功呈现为HTML,但它显示了整个JSON字符串。我只想获取特定值(电话、姓名、ID)。从我的JSON数组中提取特定值并将其格式化为HTML的最佳方法是什么?我指的是按州记录,但我无法在呈现过程中获得记录的任何子值。classmenuScreenextendsReact.Component{constructor(props){super(props)constdata=store.getState();this.state={username:'',messages:data.messages}}handle

javascript - 如何使用 javascript document.getSelection() 获取 html 中选定文本的坐标

我想将元素定位在所选文本之上。但我无法计算出坐标。varsel=document.getSelection();if(sel!=null){positionDiv();}例子:(图片) 最佳答案 这是基本思想。您在选择的开头插入虚拟元素并获取该虚拟html元素的坐标。然后将其删除。varrange=window.getSelection().getRangeAt(0);vardummy=document.createElement("span");range.insertNode(dummy);varbox=document.get

javascript - 是否可以混合使用 CodeMirror : Velocity mode and the CodeMirror: HTML mixed mode?

有人为codemirror做了'htmlmixed'+'Velocity'模式吗?或者任何人都可以建议如何实现这一目标? 最佳答案 我能够使用overlay.js插件轻松实现这一点:CodeMirror.defineMode("velocityOverlay",function(config,parserConfig){returnCodeMirror.overlayMode(CodeMirror.getMode(config,"htmlmixed"),CodeMirror.getMode(config,"velocity"));}