读写属性/if判断那点事/数组
读写属性属性操作注意事项
- js中不允许出现“—”、所以font-size变成fontSize/margin-top变成marginTop.
- Op.style.with="12px"外面的属性值必须加上“”规定的。
- 在js里面写很多的样式文件和不方便。不如考虑动态添加class.添加类名。样式还在样式表中。Op.class="red"这样肯定不行,因为class是保留字/关键字,所以要替换一下,class=>className.Op.className="red".这样就行了。
- 所有的相对路径都别拿来做判断,不然会出错。比如A img src B href alert(img.src)会出现一大堆,英文数字字母,乱七八糟的东西,而且出现的是绝对路径的,还不兼容、绝对路径可以做判断,http:www.baidu.com/img/baidulogo.jpg
- 颜色值也不要拿来做判断,也会有兼容性问题color:red/#416821/rgba(45,156,15.0.5),并不知道浏览器返回来的是什么鬼。而且颜色是一个意思
- 背景也不要拿来判断,background
- innerHtml值别哪来做判断,兼容性问题。
- js动态处理div的浮动,float:left,right的时候,会遇见IE678的兼容问题,所以换优雅的方法,考虑动态添加class.添加类名具体如下,.right{float:right}就没有兼容性问题了。或者视觉上一样就行来解决兼容性问题。
...后面的值没法修改意思是属性名没法改的,改成['']即可,方括号里面是字符串
后者就可以随便修改了。js中允许.换成['']而且没有任何兼容性问题。- 做if判断时候,一定注意==是等于。=是赋值。
- 图片地址是无法判断,但是我们可以创造条件,避开直接判断src=什么,这个时候boolean就很有用了。设置boolean变量。举列如下
记得每一次判断执行之后吧布尔值真假改变了,为下一次好服务。后面还有更简答的解决方案 - 两个图片切换还容易判断,但是四个12个,几百个呢,这时候数组出来了。放很多文字,图片地址,数组就像一个仓库一样
读写属性/if判断那点事/数组的更多相关文章
- 如何判断一个变量是数组Array类型
在很多时候,我们都需要对一个变量进行数组类型的判断.JavaScript中如何判断一个变量是数组Array类型呢?我最近研究了一下,并分享给大家,希望能对大家有所帮助. JavaScript中检测对象 ...
- js判断一个对象是否为数组
1,真正的数组的判断方法 javascript中最简单的声明数组方法为: var a = []; 判断是否为数组的最直接的方法为: 复制代码 代码如下: a instanceof Array //tr ...
- SKU多维属性状态判断算法
作者:周琪力,前端工程师,网络常用昵称「keelii」.在过去的4年里主要负责京东网站商品详情页的前端系统架构和开发,平时主要写 JavaScript 偶尔写点NodeJS,Python.琪力博客: ...
- js jquery 判断元素是否在数组内
js jquery 判断元素是否在数组内 一,js方法 var arr = ["a", "b", "c"]; // js arr.index ...
- JS判断元素是否在数组内
//判断元素是否在数组内 function contains(arr, obj) { var i = arr.length; while (i--) { if (arr[i] === obj) { r ...
- Linux mount 修改文件系统的读写属性
有时候要在某个文件夹下添加和删除文件时,显示 "read only filesystem",说明该文件系统是只读的不能修改.使用 mount –o remount,rw / 命令可 ...
- NX二次开发-算法篇-判断找到两个数组里不相同的对象
NX9+VS2012 #include <uf.h> #include <uf_curve.h> #include <uf_modl.h> #include < ...
- javascript 判断变量是否是数组(Array)
过完春节又有好多人寻找新的机会,旁边的人面试完就会分享一些问题,明明会的但是面试的时候,想不全,面试官不满意...这个懊恼的行为,今天的文章跟大家分享下:javascript如何判断便是是数组. 1. ...
- JS属性读写操作+if判断注意事项
js中不允许出现“ - ” 页面中改变文字大小-案例: <!doctype html> <html lang="en"> <head> < ...
随机推荐
- AI-Info-Micron-Insight:通往完全自主之路
ylbtech-AI-Info-Micron-Insight:通往完全自主之路 1.返回顶部 1. 通往完全自主之路 自动驾驶汽车正在从未来梦想演变为当代现实,随着技术成熟,个人和公共交通将永远转变. ...
- Spring boot 学习六 spring 继承 mybatis (基于注解)
MyBatis提供了多个注解如:@InsertProvider,@UpdateProvider,@DeleteProvider和@SelectProvider,这些都是建立动态语言和让MyBatis执 ...
- jQuery中attr()与prop()区别介绍
.attr() : 获取匹配的元素集合中的第一个元素的属性的值 或 设置每一个匹配元素的一个或多个属性. •.attr( attributeName ) •.attr( attributeName ) ...
- JavaScript高级程序设计学习笔记第五章--引用类型(函数部分)
四.Function类型: 1.函数定义的方法: 函数声明:function sum (num1, num2) {return num1 + num2;} 函数表达式:var sum = functi ...
- CF-811A
A. Vladik and Courtesy time limit per test 2 seconds memory limit per test 256 megabytes input stand ...
- HeapCreate
为进程创建新堆,请求分配虚拟内存分页,函数原型如下: HANDLE HeapCreate( DWORD flOptions, SIZE_T dwInitialSize, SIZE_T dwMaximu ...
- 缓存测试分享篇:如何利用测试环境进行灰度测试缓存迁移solo
此文已由作者王婷英授权网易云社区发布. 欢迎访问网易云社区,了解更多网易技术产品运营经验. 缓存,看到这两个字,第一反应,最近怎么又要弄缓存的改造啊,这个测试好复杂,一不不留心就踩一个线上bug.实在 ...
- 数据库路由中间件MyCat - 源代码篇(1)
此文已由作者张镐薪授权网易云社区发布. 欢迎访问网易云社区,了解更多网易技术产品运营经验. 进入了源代码篇,我们先从整体入手,之后拿一个简单流程前端连接建立与认证作为例子,理清代码思路和设计模式.然后 ...
- window.onerror 捕捉所有的前端error
//[捕捉所有前端error] window.onerror = function (errormessage, url, line, column, error) { console.log(&qu ...
- selenium IDE插件下载
1.在https://addons.mozilla.org/en-US/firefox/addon/selenium-ide/中下载Firefox的selenium-ide插件: 2.之后在Firef ...