草庐IT

CSS属性

全部标签

javascript - 使用 JavaScript 访问变量对象的属性

我有一个如下所示的js对象:varobject={"divisions":{"ocd-division/country:us":{"name":"UnitedStates",}}};我想访问嵌套对象“ocd-division/country:us”(又名“name”)下列出的属性,但我遇到的问题是"ocd-division/country"是一个变量对象。就像它可能是加拿大或其他国家的“:can”。我的问题是,即使它是可变的,我仍然可以访问该对象下的名称属性吗?我在下面写了我想出的代码,但它按字面意思调用了对象,所以它不能解释对象名称的变化。varcountry=document.ge

javascript - 连接对象属性的值返回 NaN (Javascript)

我有一个具有多个属性的对象,每个属性都有一个字符串值。当我尝试连接每个属性的值时,它返回NaN。varurlProps={searchTerm:"searchSTUFF",baseURL:"https://en.wikipedia.org/w/api.php?action=query&prop=extracts&format=json&exsentences=1&exlimit=10&exintro=&explaintext=&titles=%20&generator=search&gsrsearch=",tailURL:"&rawcontinue=&callback=?",final

javascript - React 无法读取未定义的属性映射

我对react很陌生,我正在尝试从Railsapi引入数据,但我收到错误TypeError:Cannotreadproperty'map'ofundefined如果我使用React开发工具,我可以看到状态,如果我在控制台中使用$r.state.contacts弄乱它,我可以看到联系人有人可以帮助我吗做错了吗?我的组件看起来像这样:importReactfrom'react';importContactfrom'./Contact';classContactsListextendsReact.Component{constructor(props){super(props)this.st

javascript - 计算属性对 VueJS 中的 window.innerwidth react

基本上,我需要的是一个计算属性,当window.innerwidth等于或小于768px时返回true,当false时返回false它高于768px。我做了什么:computed:{isMobile(){if(window.innerWidth但这只计算该属性一次,如果我稍后调整窗口大小,它不会对更改使用react。我能做什么? 最佳答案 像这样向窗口添加一个事件监听器:newVue({el:"#app",data(){return{windowWidth:window.innerWidth}},mounted(){window.a

javascript - CSS 样式未应用于 Internet Explorer 7 中的动态元素

当我们在IE7中使用Javascript渲染动态元素时,CSS样式不会被应用。当我们使用WebDeveloper工具栏查看页面时,动态元素不会出现。页面在Firefox、Chrome和Safari中呈现良好。IE7是否无法将CSS样式应用于动态创建的元素?IE8正确呈现动态元素。这个问题适用于IE8,因为我们使用元标记强制IE8在IE7模式下呈现。谢谢! 最佳答案 我们发现了问题:我们需要使用setAttribute('className','cssClass'),而不是在新元素上使用setAttribute('class','cs

javascript - 检测属性是否可以通过 CSS3 转换设置动画?

可以使用CSS3转换动画的属性列表在浏览器之间并不一致,并且可能会随着新浏览器版本的变化而变化。例如,-moz-transform在FF3.6中不能与-moz-transition一起设置动画,但在FF4中可以。那么,有没有一种方法可以在JavaScript中检测特定属性是否可以设置动画?我不想使用用户代理嗅探,因为它不可靠。提前致谢! 最佳答案 是的,有办法。下面是演示,下面是解释。其中涉及一些非常重要的注意事项,因此请务必继续阅读。以下代码将测试浏览器是否可以在两个值之间设置动画。代码jsFiddledemo./*@paramp

javascript - 创建具有属性的 jQuery 对象的首选方法是什么?

在创建jQuery对象时,我最近使用了以下语法,如here所述:var$el=$('',{class:'class-1class-2'});Safari5.0.5在我使用上述结构时给出语法错误。删除第二个参数并使用addClass添加类可以消除错误,但看起来相当不雅。您如何创建对象?我也尝试使用attr({class:'class-1'}),但收到了相同的语法错误。 最佳答案 你不能使用类;这是一个保留字。改用className:var$el=$('',{className:'class-1class-2'});

javascript - 包含外部 CSS 文件是否安全,或者是否会导致代码注入(inject)?

我正在开发一个客户将使用的网站,方法是将其嵌入到他们网站的iframe中。我想让他们能够自定义内容的样式,这样他们就可以使内容符合他们网站的风格。我的基本想法是让他们给我一个CSS文件的URL,我应该将其包含在我为他们提供的页面中以填充iframe。据我所知这是安全的,但我对CSS不是特别熟悉(尤其是较新的版本),所以我想验证一下。有没有什么方法可以让某人构建一个CSS文件,让他们将代码注入(inject)我的网站或以其他方式访问我的域的cookie之类的东西?这真的安全吗,还是我需要想出不同的解决方案? 最佳答案 不,这是不安全的

javascript - backbone.js:将属性设置为现有值时触发的模型事件?

在backbone.js中,我注意到Model上的change和all事件不会触发,如果你将模型的属性设置为其现有属性。例如,如果我设置了以下事件:ActiveUser.bind('change',this.displayActiveUser,this);ActiveUser.bind('all',this.displayActiveUserAll,this);然后我手动将ActiveUser的值设置为空字符串:ActiveUser.set({text:''});当且仅当ActiveUser.text尚未设置为空字符串时,事件才会触发。这是合理的行为。但是,有没有我可以使用的事件,即使

javascript - 如何检查我的 <select> 元素是否包含 multiple 属性

您好,我尝试了很多选项来检查是否在我的选择框中设置了多重属性,但没有一个有效。到目前为止,我正在尝试确定我从中获取值的当前选择框是否是多选,这是我尝试过的:if($(":select[multiple]").length){alert("worked");}还有if($("select").attr("multiple"){alert("worked");}还有if($("select").attr("multiple")!='undefined'{alert("worked");}html:blahblahblah 最佳答案 删除