草庐IT

Simple_HTML_DOM

全部标签

javascript - 使用 CustomBindings 在 DOM 元素被 Knockout 移除之前淡出

使用KnockoutJS自定义绑定(bind)我试图在DOM元素被Knockout删除之前淡出它。我有一个JSFiddleexample当列表选择更改时,当前行为如下:旧文本立即消失新文本逐渐淡出。不过,我想:旧文字逐渐淡出新文字逐渐淡出这可能吗?我看不到对即将删除的DOM元素进行操作的方法。以下Update方法仅在它们已被删除后触发(但在添加新的DOM元素之前)。ko.bindingHandlers.fade={update:function(element,valueAccessor){$(element).hide().fadeIn(1500);}}

javascript - 将 '#ff00fffirstword#445533secondword#008877thirdword' 转换为 html 标签格式

我可以将字符串#ff00fffirstword#445533secondword#008877thirdword转换为firstwordsecondwordthirdword在javascript或actionscript3程序中使用正则表达式?我尝试了下面的代码,但它并不完美(actionscript3代码):varpat:RegExp=/(#\w{6})([^#]+)/g;varhtml:String=t.replace(pat,"$2");trace(html);//output:firstwordsecondwordthirdword如果该字符串中还有一个#,输出将不会像我想要

javascript - 如何通过程序(例如 HTML、JS、PHP)更改浏览器的 pdf 查看器?

目标:一个基于浏览器的pdf查看器,具有缩放和拖动/平移功能(如果允许隐藏保存功能则更好)以取代浏览器默认的问题:所有浏览器(不包括旧的IE)都有自己内置的pdf查看器,没有拖动/平移功能目前此代码使用默认的pdf查看器:ThePDFcannotdisplay是否可以强制所有使用adobereader的浏览器(Chrome、FireFox、IE8+)使用javascript/jquery/html/php打开pdf文件?或者有没有任何基于网络的pdf查看器具有上述功能?注意:对于第一种方法:我找到了方法,例如内容处置:附件但它只会改变从查看到下载pdf的行为,不会改变打开pdf文件的偏

javascript - 构建 html 时在 javascript 中支持撇号的正确方法是什么?

我有以下代码:varname="JoeO'Neal";varrow=[];row.push(""+name+"")但问题是我有这样一种情况,名称变量中有一个撇号,所以它会导致问题:value='"+name+"'避免与撇号冲突的正确写法是什么?在C#中,我会做类似的事情value=\""+name+"\"但这在javascript中似乎不起作用 最佳答案 您要做的是清理您的输入。为此,您可以定义一个辅助方法,用等效的Unicode或HTML实体替换任何不安全的字符。这种事情不仅用于转义引号,而且还可以帮助防止类似XSSAttacks

javascript - jQuery show() 不是函数 - 用于添加 DOM 元素

我正在从PrototypeJS迁移到jQuery,我在将功能应用于添加到简单横幅脚本中的新DOM元素时遇到了问题。基本上,在页面加载时,使用append()将新的DIV元素放置到DOM中,据我所知,这就是它在jQuery中的完成方式,而不是Prototype的Element对象。$.each(Banner.data,function(i,e){$('#banner_area').append("...[nestedelements]").hide();});$('.banner_slot').get(0).show();在检查Firebug后,元素已成功添加到DOM,并立即隐藏。然后第

javascript - 在页面显示到屏幕之前删除 DOM 元素(在 Chrome 扩展中)

我正在尝试创建一个扩展,该扩展将在页面显示到屏幕之前摆脱某些页面元素(通过id或类)。我尝试在文档上使用事件监听器,并将“DOMContentLoaded”作为事件,但javascript似乎在页面显示给用户后执行,然后将其删除,因此它不像我想要的那样流畅(不显示不需要的内容完全没有)document.addEventListener("DOMContentLoaded",function(){varelements=document.getElementsByClassName("header-nav-item");while(elements.length>0){elements[

javascript - 如何从组件 html 加载脚本文件?

基本上我想加载组件html特定的脚本文件,所以script我将把script文件引用放在组件html本身中,我看到了在页面上呈现组件html时,内部script文件已被忽略。组件import{Component}from'@angular/core';@Component({selector:'my-app',templateUrl:'test.html'})exportclassAppComponent{}test.htmlMyFirstAngular2App以上是我尝试过的代码,并且我已经有了test.js。PlunkrHere有什么方法可以使用组件或其html加载特定于组件的ja

javascript - 以 React 方式在 HTML 中包装多个字符串

我正在构建一个实体荧光笔,这样我就可以上传一个文本文件,在屏幕上查看内容,然后突出显示数组中的单词。这是数组由用户在手动突出显示选择时填充,例如...constentities=['JohnSmith','Apple','someotherword'];这是我在屏幕上显示的文本文档。它包含很多文本,其中一些文本需要在用户手动突出显示某些文本后在视觉上突出显示,例如名称JohnSmith、Apple和其他一些词现在我想通过将实体包装在一些标记中来直观地突出显示文本中实体的所有实例,并且做这样的事情非常有效:getFormattedText(){constparagraphs=this.p

javascript - 如何在 Firefox 的 html 表上触发 onkeydown 事件?

我想捕捉表格单元格上的击键。我有以下代码可以在IE上运行,但不能在Firefox/Chrome上运行。testing`有什么建议吗? 最佳答案 http://www.w3schools.com/jsref/jsref_onkeydown.asp指定大部分标签都支持onkeydown。您需要将tabindex属性(例如tabindex="1")设置为某个值,这样才能识别该表是键盘可选的。这允许触发键盘事件。以下将在Firefox中工作:testing 关于javascript-如何在Fir

javascript - 现在我们有 jQuery 等,是否需要学习用于 Web 开发的 JavaScript DOM 方法?

有了JQuery,是否需要学习使用Javascript直接操作DOM才能成为专业的Web开发人员/网站build者等?Prototype、MooTools等也可能会问到这个问题,但除了它们的名称外,我对它们并不熟悉。 最佳答案 Note:ThisquestionwasrephrasedsomyanswerreflectstheinitialquestionbutIkeptonadding.绝对。Jquery是Javascript,虽然它确实抽象了很多跨浏览器的DOM差异,但仍然容易出现完全相同的解析错误、范围误解等。在不了解基本的D