草庐IT

HTML+CSS+JS

全部标签

javascript - 一次更改或交换多个 HTML 元素的 CSS

我有大约100个,100和100我文档中的标签。我需要在JavaScript中实现以下操作:将背景所有foos更改为红色,所有条形更改为绿色,所有bazes更改为蓝色。将背景所有foos更改为绿色,所有条形更改为蓝色,所有bazes更改为红色。将背景所有foos更改为蓝色,所有条形更改为红色,所有bazes更改为绿色。我将总共调用这些操作大约1000次,因此我想避免使用附加的解决方案标记到每次做手术。有什么比遍历所有更简单、更快或更好的方法吗?带有document.getElementsByTagName('span')的元素,并更改或附加到.className每个元素的DOM属性?

javascript - 当焦点在 HTML 表单上丢失时如何重新聚焦到文本字段?

HTML表单上只有一个文本字段。用户输入一些文本,按Enter键,提交表单,然后重新加载表单。主要用途是条码读取。我使用以下代码将焦点设置到文本字段:它大部分时间都有效(如果没有人触摸屏幕/鼠标/键盘)。但是,当用户单击浏览器窗口中字段外的某处(空白区域)时,光标会消失。一个单字段HTML表单,如何防止光标丢失?或者,如何在光标丢失后将光标重新聚焦在字段内?谢谢! 最佳答案 Darin的回答是正确的,但在Firefox中不起作用。如果你也想在Firefox中窃取焦点,你必须将它延迟到事件之后:或者,更好的是,从JavaScript分

javascript - 使用 CouchDB 的 jquery.couch.js?

在这里http://blog.couchone.com/post/1027100082/whats-new-in-couchdb-1-0-part-4-securityn-stuff它说jquery.couch.js是CouchDB附带的标准JavaScriptAPI。但我如何从couchdb获取jquery.couch.js文件,以便我可以在我的Sproutcore应用程序或其他前端应用程序中使用它的函数($.couch.signup、$.couch.login等)? 最佳答案 Futon本身使用此API,因此您可以查看它包含它的

javascript - 如何解决错误 : "undefined is null or not object ie in ext js" in IE?

我认为这是尾随逗号或语法错误、未声明使用变量的原因。我的js字段是1000行od代码。由于错误没有向我提供行号。它变得难以调试。请帮助我调试IE的技术。该脚本适用于Firefox、Safari。 最佳答案 我会jslint文件。这会发现问题以及您可能遇到的任何其他问题。您可以将其作为commandlineutilityvianode运行. 关于javascript-如何解决错误:"undefinedisnullornotobjectieinextjs"inIE?,我们在StackOver

javascript - 使用 Javascript 更改显示样式 (CSS) 而不影响打印样式

我有一个Web应用程序使用单独的printstylesheet控制页面从打印机出来时的外观。在我最近对该站点进行了一些Javascript增强之前,它一直运行良好。其中一项增强功能允许用户卡住页眉和导航以及表格标题。这背后的Javascript做了一些CSS技巧来卡住屏幕上的元素。不幸的是,将position:fixed应用到我的页眉(例如)会导致它打印在每一页上,这不是预期的效果。如何使用Javascript在客户端调整元素样式而不影响打印样式?@mediaprint{#foo{color:blue;}}/*Printdefinition*/@mediascreen{#foo{col

javascript - Google Closure 编译器解析错误 : invalid property id for `css({float:' left'})`

我正在使用GoogleClosureCompiler应用程序(命令行界面)。当我运行它时,出现以下错误。deploy/js/Home.js:40:ERROR-Parseerror.invalidpropertyidthis.$images.wrapAll('').css({float:'left'});^1error(s),0warning(s) 最佳答案 我相信你需要做:{'float':'left'}这是因为float在listofJavakeywordsreservedbyJavaScript上,因此它不能用作属性名称。这在较

javascript - 动态加载的 phonegap.js 问题

我正在尝试动态加载phonegapjavascript文件(这样当我使用Ripple时我可以选择不在Debug模式下加载它)但是我遇到了一些问题。我使用普通脚本标记加载jquery和jquerymobilejavascript库。在另一个脚本block中,我这样做:functiononDeviceReady(){alert("DeviceReady!");}$(document).ready(function(){alert("docready!");$.getScript("js/phonegap.0.9.5.1.js",function(){alert("GotPhonegap!"

javascript - HTML5视频高度和宽度通过javascript

我正在尝试使用简单的javascript从视频中获取并打印出宽度和高度属性,但由于某些原因我无法管理。这是javascriptvideo=document.getElementsByTagName("video")[1];span1=document.getElementById("dimensions");span1.innerHTML=video.videoWidth+"x"+video.videoHeight;这是它影响的html5代码(这是html结构中的第二个视频标签)Dimensions:非常感谢,我是初学者,所以请多多关照。 最佳答案

javascript - 如何使用 javascript 屏蔽 HTML 输入?

如何在HTML控件上使用javascript屏蔽美国电话。我希望输入强制文本采用以下格式:[(111)111-1111]这是我目前拥有的:mask(str,textbox,loc,delim){varlocs=loc.split(',');for(vari=0;i 最佳答案 对于保证格式的电话号码输入,常见的处理方式有以下三种:1。无论如何接受所​​有数字输入数字不明但仍居住在美国的用户的可能性比以往任何时候都高。接受各种数字输入可以缓解这种担忧,因为只有当他们给你的数字不够或错误时,数字才会毫无用处。2。拆分成三个固定长度的文本框

javascript - 为什么 rails 在 coffeescript 文件不能包含 javascript 代码时使用 .js.coffee 扩展名?

我发现这相当具有误导性,因为我认为它暗示此类文件可能包含javascript和coffeescript代码的混合体。我是否遗漏了一些非常基本的东西? 最佳答案 在Rails中,模板的常见做法是使用.js.coffee、.html.erb、.html.haml等扩展名等如果我没记错的话,Rails将这些扩展解释为.[format].[builder]并使用这些知识来做两件事:通过[format]值与请求的Acceptheader中列出的可接受格式进行比较,找到合适的模板;通过[builder]值找到合适的模板处理器来解析您的模板。