草庐IT

clear-user-agent-styles

全部标签

改变 this.style.backgroundImage 的 Javascript

给定以下代码,我将如何完成tileClick()以便将点击的图像从“tileBack.jpg”更改为显示分配给该特定div的图像在shuffleDeck()中?我的意思是,tileClick()函数应该获取当前显示tileBack图像的图block,并在单击时显示该图block“反面”的图像.到目前为止,您可以看到我是如何尝试定位被单击的特定磁贴的,尽管我不确定此处是否正确使用了this.。在该声明的另一边,我尝试做类似="../img/tile_"+tiles[i]+".png";的事情,但显然问题在于i不存在于该函数的范围内。我的问题是我不知道如何重构我的代码,以便我可以访问以前分

javascript - 为什么我可以在 JS 中设置样式而不违反内容安全策略 style-src 'self' ?

设置style-src至'self'通过style禁用内联样式标签或style属性。这按预期工作。添加style通过JS的元素也被阻止。但我真的很惊讶我仍然可以设置HTMLElement的属性的style目的。例如,这不会触发CSP违规:document.getElementById('test').style.backgroundImage='url("image.png")';这如何防止攻击,如描述的那些here或here? 最佳答案 大概是因为如果您已经允许脚本注入(inject),样式修改是您最不担心的事情。样式元素和属性被

javascript - 基于 Blob 的 'link stylesheet' 与标准 'style' 标签

我想知道使用样式作为Blob链接有什么好处和区别:在标准标签上:...我的意思是像这样创建Blob:varblob=newBlob([css_here],{type:'text/css'});varlink=document.createElement('link');link.rel='stylesheet';link.href=window.URL.createObjectURL(blob);head.appendChild(link);提前致谢。 最佳答案 内存管理如果你把东西放在style中,然后删除-它就不见了。但是,如果

javascript - 使用 Styled-Components,如何在 Styled Component 之外设置颜色数组?

theme.js-我有一个Styled-Components主题,其中包含我应用的所有颜色变化。constcolors={purples:{60:'#AEA',50:'#GSA',},blues:{20:'#asd',5:'#fasd',}...然后我有一个UI组件,我需要在其中按特定顺序定义一组颜色:importReactfrom'react';constcolors=['#GSA','#AEA','#asd','#fasd','#AEA'];我稍后使用此colors数组根据状态找到要在我的组件中使用的正确颜色:constgetBackgroundColor=({currentPos

javascript - 设置多个 style.background 值

我想在我的背景中使用渐变并且是跨平台的我想设置带有vendor前缀的背景:background:-webkit-linear-gradient(red,blue);background:-o-linear-gradient(red,blue);background:-moz-linear-gradient(red,blue);background:linear-gradient(red,blue);如何在HTMLElement上设置多个style.background,使用Javascript来支持vendor前缀?更新:我不想使用jQuery或任何其他外部库。

javascript - Vaadin @Javascript : clear cache for updated JS file

我的应用程序中有一个@JavaScript注释,用于从类路径加载.js文件。现在我已经对文件进行了更新并重新部署(本地),但我总是取回旧版本。我已尝试重新加载所有内容(ctrl+R、ctrl+F5),但这不起作用,而且我也不希望用户必须这样做。我过去使用的一个技巧(没有Vaadin)是附加一个带有版本的请求参数(例如?version=1)并更新它以便URL发生变化。但显然@JavaScript注释不允许这样做(Vaadin甚至不尝试加载文件)。 最佳答案 我通过使用Vaadinservlet配置的resourceCacheTime参

javascript - GWT : User Location

在GWT中,有没有办法找出用户的物理位置(国家、州等)? 最佳答案 您可以使用HTML5'sgeolocation使用GeolocationAPI的GWT功能由gwt-mobile-webkit提供项目。编辑:此功能现在包含在GWTSDK本身中。查看geolocation包。不过,您只能在支持这一相当新的功能的浏览器上使用它。 关于javascript-GWT:UserLocation,我们在StackOverflow上找到一个类似的问题: https://s

javascript - 用户界面路由器 : default route based on user role

我在我的项目中使用UI路由器。我的应用程序的主页由4个选项卡组成,每个选项卡路由到不同的模板。这是我当前的路由代码,我使用forEach创建6条路由。['Draft','Assigned','InProgress','Completed','Rejected','All'].forEach(function(val){$stateProvider.state({name:'root.jobs.list.'+val.toLowerCase(),url:'/'+val.toLowerCase(),views:{'currentTab':{templateUrl:'adminworkspac

javascript - 为什么 element.style 在 JS 中总是返回空?

当您在css中定义display:block时,element.style.display总是返回空的。console.log(document.getElementById('test').style.display)#map{display:block;}test但是如果你在该元素中设置样式,那么我们可以获得样式。显示详细信息。console.log(document.getElementById('test').style.display)test我不想要解决方案,因为我知道有很多解决方案:getElementById().style.displaydoesnotworkShow

javascript - 开放层 3 : how to set fill style of a vector feature

我正在尝试设置矢量图层的单独特征的填充颜色。使用下面的代码,我认为我可以遍历这些功能并单独设置它们的填充样式,但是发生了一个奇怪的问题。如果没有setStyle函数,功能的各种属性将记录在控制台中。ID、名称和几何图形。大约有5个左右的功能被记录下来。基本喜欢room1room2room3room4room5每个数据下面都有额外的数据(id、geometry)但是当我添加设置特征填充的行时,我遇到了一个奇怪的问题。它似乎在第一个功能上挂起循环,并且控制台填满了该功能属性的日志,例如:room1room1room1room1room1room1room1很长一段时间,到了firefox日