草庐IT

Simple_HTML_DOM

全部标签

javascript - 使用 JS/jQuery 启用/禁用 DOM 元素的事件

我在这里遇到了一个小问题,我已经投入了相当多的时间,与它的功能相比,这个问题非常糟糕。我的DOM中有标签,我已经使用jQuery将几个事件绑定(bind)到它们。vara=$('').click(data,function(){...})有时我想禁用其中一些元素,这意味着我向它添加一个CSS类“已禁用”并且我想删除所有事件,因此不再触发任何事件。我在这里创建了一个名为“Button”的类来解决这个问题varbutton=newButton(a)button.disable()我可以使用$.unbind从jQuery对象中删除所有事件。但我也想拥有相反的功能button.enable()

javascript - 如何在 "up"和 "down"方向操作DOM时避免重复代码?

我正在编写一个JSwebapp客户端。用户可以编辑文本项列表/树(例如,待办事项列表或注释)。我经常使用jQuery操作DOM。用户可以使用键盘(类似于GMail中的J/K键)在列表中上下导航,并执行其他一些操作。其中许多操作都具有镜像“向上”/“向下”功能,例如$.fn.moveItemUp=function(){varprev=this.getPreviousItem();prev&&this.insertBefore(prev);//there'sabitmorecodeinhere,buttheideaisprettysimple,//i.e.movetheitemupifth

javascript - 在 html 文档中调用 JS 有多少种不同的方法?

到目前为止,我知道在网页中定义和调用JavaScript的4种不同方式1.内联JS...2.外部JS3.事件处理器JS:4.JavaScript:URLjs有没有其他方法可以在网页中插入JS?是否在任何标准规范中定义了它(有多少种方式)?上述4种方式在JavaScript的执行上下文上有什么不同吗? 最佳答案 实际上有很多方法可以在HTML中执行Javascript,所有方法都因浏览器和平台而异。其中很多(但不是全部)都列在这个infamousXSScheatsheet中.在不那么晦涩的那些中,有这些:BODY{-moz-bindi

javascript - 仅对 HTML 元素的一部分着色

我将如何使用background-clip之类的东西仅使用CSS为HTML元素的一部分着色。我看起来像:div{background-image:url('mi_image');***:50%30em;/*Backgroundonlycovering50%heightand30emwidth*/}如有必要,我也愿意使用JavaScript解决方案-但纯CSS会更好。 最佳答案 我会创建一个背景div。考虑这个HTML:Here'ssomeofmyinterestingtext​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

javascript - 以字符串形式获取完整的 DOM 堆栈

我想以字符串形式获取完整的DOM堆栈。例如,请打开Chrome,按F12并输入“document.all”。这个对象代表完整的DOM。我想将此对象转换为字符串。在Chrome中,您可以浏览对象、展开部分并在Web调试器控制台中查看其内容。是否有可能将document.all转换为字符串?或者类似的解决方案给我完整的DOM堆栈?我不只是想要innerHTML/outerHTML,我想要当前DOM中定义的所有内容。有任何想法吗?提前致谢...编辑:好的,我觉得我的问题有点令人困惑,对此深表歉意。澄清这一点:我想获取定义的每个对象的每个属性,包括“document.location”、“do

javascript - Angular.js 使用 html2js 将指令与外部模板联合测试 - 无法加载模板

我正在尝试测试使用外部模板的指令。我尝试了以下所有解决方案,但没有成功:ng-directive-testingHowtotestdirectivesthatusetemplateUrlandcontrollers?AngularJS+Karma+Ng-html2js=>Failedtoinstantiatemodule...html我创建了一个测试指令(一个简单的div)并使用内联"template"和外部“templateUrl”对其进行了测试。内联解决方案有效,而外部解决方案无效:angular.module('AdUnit').directive('actionButton',

javascript - 如何通过 javascript 将图像/HTML Canvas 切成两半?

我正在使用html2canvas将具有自定义功能的googlemapjavascriptAPI转换为Canvas,然后转换为图像。在所有浏览器上都能正常工作,除了在IE11上它会生成一个图像,图像右侧有额外的空白,等于(浏览器窗口的宽度-map宽度)。所以我的窗口越宽,右边的空间就越大,反之亦然。我怎样才能在实际图像(768像素宽)的边缘切分该图像(或HTMLcanvas)?我在这里找到了这段代码,但不知道如何为这个任务修改它:varimage=newImage();image.onload=cutImageUp;image.src='myimage.png';functioncutI

javascript - Vuejs 不会在 HTML 表格元素中呈现组件

我想呈现一个在表格中显示一行的自定义组件。我有以下代码://jsfileVue.component('message-row',{data:function(){return{msg:'Hello'}},template:'{{msg}}'});newVue({el:'#app'});//htmlfile问题是该行最终呈现在表格之外!像这样:Hello您可以在这个JSFiddlehttps://jsfiddle.net/eciii/7v6yrf3x/中查看它我不确定这是一个错误还是我只是在这里遗漏了一些非常明显的东西...... 最佳答案

javascript - Prototype JS 吞下 dom :loaded, 和 ajax 回调中的错误?

我不明白为什么原型(prototype)会抑制dom:loaded事件和AJAX处理程序中的错误消息。给定以下HTML片段:ConformingXHTML1.1Templatedocument.observe('dom:loaded',function(){console.log('domready');console.log(idontexist);});domready事件触发,我在控制台中看到日志,但没有任何错误指示。如果您将console.log(idontexist);行移出处理程序,您将获得idontexistisnotdefined控制台出错。我觉得有点奇怪,在其他事件处

javascript - Wordpress - 在编辑器中插入 html/文本

我正在为Wordpress制作一个Vimeo上传插件,以便您可以直接从wordpress上传到Vimeo并直接嵌入。无论如何,我认为我已经完成了最困难的部分,那就是身份验证(那里有不好的例子)。现在我有另一个问题。在Wordpress中,您可以通过按下弹出窗口中的按钮将图像嵌入到富文本编辑器中。(http://cl.ly/6Xns)(荷兰语中的“Invoegeninbericht”按钮)。现在我想做同样的事情,当有人点击我的“invoegen”按钮(http://cl.ly/6Wmn)时,将“sometekst”(一个url就足够了)插入到富文本区域,我该如何实现?我在Wordpres