草庐IT

CSS属性

全部标签

javascript - 如何通过 JavaScript 或 CSS 检查用户是否处于高对比度模式

当按下Shift+Left+Alt+Print时,Windows切换到高对比度模式-是否有有机会在网页上检测到它(使用JavaScript或CSS)吗?是否有机会在HTTP-Request(也就是服务器端,例如通过PHP或Ruby)中检测到它? 最佳答案 根据thisarticleaboutusingCSSspritesinhighcontrast,在Windows上的高对比度模式下,背景图像应设置为“无”,并且它还会更改背景颜色。这应该覆盖任何CSS样式表。因此,您可以在初始渲染后执行一些javascript来检测它。查看他的de

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

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

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:设置对象属性

我希望能够做到这一点:varuser1={name:'John',gender:'male'}varuser2={name:'James',gender:'male',email:'james@gmail.com'}user1.someSetMethod({email:'john@gmail.com'});user2.someSetMethod({name:'Jenny',gender:'female'});期望的结果:varuser1={name:'John',gender:'male',email:'john@gmail.com'}varuser2={name:'Jenny',ge

javascript - 为什么我的 for 循环不适用于我的 Javascript 属性?

我创建了这个对象及其属性:varobj={};Object.defineProperty(obj,"value",{value:true,writable:false,enumerable:true,configurable:true});varname="John";Object.defineProperty(obj,"name",{get:function(){returnname;},set:function(value){name=value;}});然后我对它们调用一个for循环:for(varpropinobj){console.log(prop);}根据我的教程,应该会产

javascript - 检查全局属性/函数是否已在 JavaScript 中被覆盖

JavaScript可以很容易地覆盖全局对象的属性和函数。我想找到一种方法来检查全局属性的原始版本是否已被替换。考虑有人将其放入他们的HTML中:window.encodeURIComponent=eval;如果myscript.js在某处调用encodeURIComponent函数,它现在的行为将不可预测。那么有没有一种方法可以在我使用之前检查myscript.js是否有人覆盖了该函数? 最佳答案 我唯一知道的是分析函数的字符串表示的直接方法。通常情况下,代码window.encodeURIComponent.toString()

javascript - 值、原型(prototype)和属性的区别

好的!首先,这个问题来自一个在jQuery世界中挖掘得太深(并且可能迷路)的人。在我的研究中,我发现jquery的主要模式是这样的(如果需要,欢迎更正):(function(window,undefined){jQuery=function(arg){//ThejQueryobjectisactuallyjusttheinitconstructor'enhanced'returnnewjQuery.fn.init(arg);},jQuery.fn=jQuery.prototype={constructor:jQuery,init:function(selector,context,ro

javascript - 在对象初始值设定项中设置属性时不再调用 setter : what does this mean?

在此JSMDN页面是这样写的:JavaScript1.8.1noteStartinginJavaScript1.8.1,settersarenolongercalledwhensettingpropertiesinobjectandarrayinitializers.我只是不明白这是要告诉我什么。 最佳答案 此代码片段:varo={};o.seven=7;和这个代码片段:varo={seven:7};通常是等价的;但如果它们前面有这段代码片段:Object.prototype.__defineSetter__('seven',fun

javascript - 如何防止 iFrame 中的 JavaScript 访问外部站点的属性,即使 iFrame 的内容来自同一来源?

基本上我想要一个iFrame,它总是限制它的内容,就好像它来自不同的域,即使内容来自相同的来源。有什么办法吗? 最佳答案 最好的解决方案可能是在iframe上使用HTML5沙箱属性,它(默认情况下)明确禁用脚本和对父DOM的同源访问。很好的介绍在http://msdn.microsoft.com/en-us/hh563496.aspx截至2012年12月,这似乎是supportedonmostcurrentbrowsers. 关于javascript-如何防止iFrame中的JavaSc