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

  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. AI-Info-Micron-Insight:Micron 美光的技术帮助 CERN 解开宇宙奥秘

    ylbtech-AI-Info-Micron-Insight:Micron 美光的技术帮助 CERN 解开宇宙奥秘 1.返回顶部 1. Micron 美光的技术帮助 CERN 解开宇宙奥秘 大约 14 ...

  2. 使用远程线程来注入DLL

    使用远程线程来注入DLL DLL注入技术要求我们目标进程中的一个线程调用LoadLibrary来载入我们想要的DLL (1)用OpenProcess函数打开目标进程(2)用VirtualAllocEx ...

  3. chromium浏览器开发系列第五篇:Debugging with WinDBG

    Windbg 相信windows开发的人都知道,有些人用的溜儿溜儿的,有个crash,直接拿这个工具一分析,就定位出来了.非常好用.以前有个同事,做sdk开发 的,会各种命令.来北京后,还去过微软面试 ...

  4. 01_SQlite数据库简介

  5. Java正则表达式之Matcher介绍

    Matcher方法如下: Matcher方法如下: Matcher appendReplacement(StringBuffer sb, String replacement) 将当前匹配子串替换为指 ...

  6. Spring入门第十六课

    接上一次讲课 先看代码: package logan.spring.study.annotation.repository; public interface UserRepository { voi ...

  7. Open-source Tutorial - Json.NET

    JSON 简介 JSON(JavaScript Object Notation,JavaScript对象表示法)是一种由道格拉斯·克罗克福特构想和设计.轻量级的数据交换语言,该语言以易于让人阅读的文字 ...

  8. win form treeview添加节点

    //实例代码: /// <summary> /// 添加节点事件 /// </summary> /// <param name="tnodes"> ...

  9. react-router-dom

    创建: 2019/05/18  安装 npm install react-router-dom --save    

  10. Windows下安装CUDA8.0

    在Win10下安装CUDA8.0,并使用VS2013测试: 机器配置: Windows 10 VS 2013 CUDA8.0 CUDA 8.0:下载地址 CUDA其他版本:下载地址 1. 安装CUDA ...