草庐IT

javascript - 如何在考虑 html 标签规则的 JavaScript 中创建打字机效果?

假设我有一些来自div标签的文本,如下所示:Thisissomecoolcontent...现在,如果我愿意,我可以创建一个JavaScript函数,一次打印一个字符,它会工作得很好。示例如下。functionprintSentence(inner,outer,index,speed){varinput=document.getElementById(inner).innerHTML;vartimer=setInterval(function(){document.getElementById(outer).innerHTML+=input.charAt(index);index++;

javascript - HTML5 video.play 返回未决 promise

我正在尝试确定浏览器是否支持加载时自动播放。我正在使用以下代码,它在Androidchrome上运行良好,但对于桌面版Chrome,.catch或.then中的任何行都不会执行。promise似乎只是无限地返回Pendingpromises。这是一个真正的Chrome错误还是我不理解Promises在这里是如何工作的?constpromise=document.createElement('video').play();if(promiseinstanceofPromise){ promise.catch((error)=>{ //Checkifitistherighterror

javascript - 如何获取谷歌地图标记的 HTML DOM 元素?

给定一个GMarkerJS变量,我如何获得代表它的HTMLDOM元素?我需要这个所以我可以插入使用正确的z-index将我自己的数据放入map中。谢谢。 最佳答案 很抱歉在这么老的问题上发帖,但我自己也遇到过这个问题。我在GoogleMapsAPIv3中使用的解决方案是从theGoogleMapssamples复制“自定义标记”并添加一个简单的方法getDOMElement,它返回在Marker的构造中生成的div。CustomMarker.prototype.getDOMElement=function(){returnthis.

javascript - jsFiddle/echo/html 不适用于 jQuery

http://jsfiddle.net/YcK5X/我想知道为什么这个AJAX请求没有返回任何东西。$.ajax({type:'POST',url:'/echo/html',data:'Echo!',success:function(data){$('#ajax').html(data);},dataType:'text/html'}); 最佳答案 您想要回显的数据必须在名为html:的POST参数中提供$.ajax({type:'POST',url:'/echo/html/',data:{'html':'Echo!'},succe

javascript - 在 contentEditable 元素中插入 HTML 元素

我有一个contentEditablediv,我想在其中插入HTML标签(一个简单的span元素)。是否有跨浏览器解决方案允许我将这些标签插入我的div选择或光标位置。如果在页面上(不在div中)选择了其他内容,我想将标记附加到div的末尾。谢谢 最佳答案 这是一个启动//gettheselectionrange(orcursorposition)varrange=window.getSelection().getRangeAt(0);//createaspanvarnewElement=document.createElement

javascript - HTML 4 等同于 HTML 5 的 FileReader?

我有一个网页需要能够从运行浏览器的本地计算机将文件加载到DOM中。我发现使用HTML5文件API很容易做到这一点。我可以做到:varreader=newFileReader();reader.onload=function(fileContents){...loadcontentstoadiv...}reader.readAsText(f)//wherefisanHTML5Fileobject烦人的是,我需要它在IE7和一些不支持API的早期版本的Firefox中工作。有什么简单的方法可以在旧版浏览器中将本地文件加载到DOM中吗?非常感谢! 最佳答案

javascript - AngularJS $http HTML 解析器

总而言之,我们正在使用AngularJS开发一个网络应用程序,并且我们有一个用例/需求(根本不会经常发生),我们需要从静态服务器检索完整的HTML文档。但是,$http对象似乎返回原始HTML字符串作为其“数据”。我们试图避免使用外部库(例如jQuery),但我们需要将原始HTML字符串解析为可查询的DOM对象。我们可以使用iframe并完成它,但出于众所周知的原因,我们也试图避免使用iframe。所以,问题是:AngularJS是否有一个HTML解析器(就像它对JSON一样)?或者,处理这种情况的最优雅方式是什么?P.S.:我们尝试过筛选Angular的API文档,但老实说,它们是碰

javascript - 循环 html2canvas

我在尝试在for循环中实现html2canvas脚本时遇到了一些麻烦。我正在编写一个Javascript函数,它使用数据数组来修改一组元素的样式,将容器div捕获为Canvas,将其转换为图像,将其附加到文档主体,然后继续到数组的下一个索引。我遇到麻烦的部分是在循环的最后:html2canvas(document.getElementById("background"),{onrendered:function(canvas){varimgdata=canvas.toDataURL("image/png");varobj=document.createElement("img");ob

javascript - 为什么 ▶ 的 HTML 符号在 document.title 中不起作用

我尝试在设置document.title时使用►但它没有呈现播放符号,只是显示了那些相同的字符。我可以将▶直接粘贴到有效的代码中。我很好奇为什么第一种方法行不通。谢谢! 最佳答案 ►是HTML实体引用,但是document.title不包含HTML;它包含纯文本。例如,如果我设置document.title至Helloworld,它会按字面意思显示,而不是显示Helloworld。这同样适用于任何其他HTML片段,包括实体引用。明确地说,您可以在title中包含实体引用标签。解析页面时将解释它们。然而,document.

javascript - HTML 修改后无法恢复选择,即使是相同的 HTML

我正在尝试存储对contentEditable元素的选择并在以后恢复它。我想观察paste事件并像以前一样存储HTML,清除html,然后在选定位置手动插入粘贴的文本并进行一些更改。看看这个例子:jsfiddle.net/gEhjZ当您选择文本的一部分时,点击store,再次删除选择并点击restore,它按预期工作。但是当您第一次点击store时,然后通过点击overwritehtml将HTML替换为完全相同的HTML,然后尝试restore,没有任何反应。我认为使用.cloneRange()会有所作为,但事实并非如此。即使对象的深拷贝($.extend(true,{},oldRan