读写属性属性操作注意事项

  1. js中不允许出现“—”、所以font-size变成fontSize/margin-top变成marginTop.
  2. Op.style.with="12px"外面的属性值必须加上“”规定的。
  3. 在js里面写很多的样式文件和不方便。不如考虑动态添加class.添加类名。样式还在样式表中。Op.class="red"这样肯定不行,因为class是保留字/关键字,所以要替换一下,class=>className.Op.className="red".这样就行了。
  4. 所有的相对路径都别拿来做判断,不然会出错。比如A img src B href alert(img.src)会出现一大堆,英文数字字母,乱七八糟的东西,而且出现的是绝对路径的,还不兼容、绝对路径可以做判断,http:www.baidu.com/img/baidulogo.jpg
  5. 颜色值也不要拿来做判断,也会有兼容性问题color:red/#416821/rgba(45,156,15.0.5),并不知道浏览器返回来的是什么鬼。而且颜色是一个意思
  6. 背景也不要拿来判断,background
  7. innerHtml值别哪来做判断,兼容性问题。
  8. js动态处理div的浮动,float:left,right的时候,会遇见IE678的兼容问题,所以换优雅的方法,考虑动态添加class.添加类名具体如下,.right{float:right}就没有兼容性问题了。或者视觉上一样就行来解决兼容性问题。
  9. ...后面的值没法修改意思是属性名没法改的,改成['']即可,方括号里面是字符串后者就可以随便修改了。js中允许.换成['']而且没有任何兼容性问题。
  10. 做if判断时候,一定注意==是等于。=是赋值。
  11. 图片地址是无法判断,但是我们可以创造条件,避开直接判断src=什么,这个时候boolean就很有用了。设置boolean变量。举列如下记得每一次判断执行之后吧布尔值真假改变了,为下一次好服务。后面还有更简答的解决方案
  12. 两个图片切换还容易判断,但是四个12个,几百个呢,这时候数组出来了。放很多文字,图片地址,数组就像一个仓库一样

读写属性/if判断那点事/数组的更多相关文章

  1. 如何判断一个变量是数组Array类型

    在很多时候,我们都需要对一个变量进行数组类型的判断.JavaScript中如何判断一个变量是数组Array类型呢?我最近研究了一下,并分享给大家,希望能对大家有所帮助. JavaScript中检测对象 ...

  2. js判断一个对象是否为数组

    1,真正的数组的判断方法 javascript中最简单的声明数组方法为: var a = []; 判断是否为数组的最直接的方法为: 复制代码 代码如下: a instanceof Array //tr ...

  3. SKU多维属性状态判断算法

    作者:周琪力,前端工程师,网络常用昵称「keelii」.在过去的4年里主要负责京东网站商品详情页的前端系统架构和开发,平时主要写 JavaScript 偶尔写点NodeJS,Python.琪力博客:  ...

  4. js jquery 判断元素是否在数组内

    js jquery 判断元素是否在数组内 一,js方法 var arr = ["a", "b", "c"]; // js arr.index ...

  5. JS判断元素是否在数组内

    //判断元素是否在数组内 function contains(arr, obj) { var i = arr.length; while (i--) { if (arr[i] === obj) { r ...

  6. Linux mount 修改文件系统的读写属性

    有时候要在某个文件夹下添加和删除文件时,显示 "read only filesystem",说明该文件系统是只读的不能修改.使用 mount –o remount,rw / 命令可 ...

  7. NX二次开发-算法篇-判断找到两个数组里不相同的对象

    NX9+VS2012 #include <uf.h> #include <uf_curve.h> #include <uf_modl.h> #include < ...

  8. javascript 判断变量是否是数组(Array)

    过完春节又有好多人寻找新的机会,旁边的人面试完就会分享一些问题,明明会的但是面试的时候,想不全,面试官不满意...这个懊恼的行为,今天的文章跟大家分享下:javascript如何判断便是是数组. 1. ...

  9. JS属性读写操作+if判断注意事项

    js中不允许出现“ - ” 页面中改变文字大小-案例: <!doctype html> <html lang="en"> <head> < ...

随机推荐

  1. 希尔排序(java)

    希尔排序是对直接插入排序的一种优化,基本思想是把待排序的数据元素分成若干个小组,对同一小组内的数据元素用直接插入法排序:小组的个数逐次缩小:当完成了所有数据元素都在一个组内的排序后排序过程结束.希尔排 ...

  2. 7.12实习培训日志 Linux Docker

    Linux 管理 RHEL7 的用户和组 用户的属性修改 chage -l [username] #查看用户信息 usermod --expiredate=YYYY-MM-DD [username] ...

  3. encodeURI和uncodeURIComponent的介绍

    encodeURI.decodeURI encodeURI.decodeURI 对字符转义:不替换特殊字符有18个.(大小写)字母.数字. 替换目标 将字符替换为 HTML URL编码 替换范围 A- ...

  4. 关于unity中BindChannels的理解

    http://blog.csdn.net/wpapa/article/details/51794277 官方文档:http://docs.unity3d.com/Manual/SL-BindChann ...

  5. DataGridView DataSource INotifyPropertyChanged 避免闪烁的方法

    代码说话: dgvPosition就是需要避免闪烁的DataGridView 主要是加2段代码 1.SetStyle 2.datagridview设置DoubleBuffered属性为True pub ...

  6. SPFA(热浪)

    1557 热浪  时间限制: 1 s  空间限制: 256000 KB  题目等级 : 钻石 Diamond 题解  查看运行结果  

  7. 02.Jquery Mobile介绍以及Jquery Mobile页面与对话框

    一.为什么要学Jquery Mobile   JqueryMobile 是jquery的移动版本,懂基本的jquery知识,会简单的html+css就可以完成很多复杂的功能,还有就是这个框架在企业中用 ...

  8. IP服务-8-WCCP

    WCCP(网页缓存通信协议) 内容引擎负责将频繁访问的数据收集到本地,通常是HTTP流量,当主机访问相同页面时,可以直接通过内容引擎为主机提供相应内容,而无需通过WAN进行访问.WCCP与网页代理并不 ...

  9. 双系统安装Linux的步骤以及一些误区

    1.一次安装失败引发的思考 笔者安装双系统(Windows 7+ Ubuntu 16.01)时参考了如何安装win10和linux [ubuntu14]双系统这篇百度经验,却发现安装后并没有如期进入U ...

  10. 用 scp 命令通过 SSH 互传文件

    上传单个文件到远程服务器 命令格式 scp [/path/local_dir/filename] [username@servername:/path/remote_dir] 上传本地的 vimrc ...