读写属性/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:Micron 美光的技术帮助 CERN 解开宇宙奥秘
ylbtech-AI-Info-Micron-Insight:Micron 美光的技术帮助 CERN 解开宇宙奥秘 1.返回顶部 1. Micron 美光的技术帮助 CERN 解开宇宙奥秘 大约 14 ...
- 使用远程线程来注入DLL
使用远程线程来注入DLL DLL注入技术要求我们目标进程中的一个线程调用LoadLibrary来载入我们想要的DLL (1)用OpenProcess函数打开目标进程(2)用VirtualAllocEx ...
- chromium浏览器开发系列第五篇:Debugging with WinDBG
Windbg 相信windows开发的人都知道,有些人用的溜儿溜儿的,有个crash,直接拿这个工具一分析,就定位出来了.非常好用.以前有个同事,做sdk开发 的,会各种命令.来北京后,还去过微软面试 ...
- 01_SQlite数据库简介
- Java正则表达式之Matcher介绍
Matcher方法如下: Matcher方法如下: Matcher appendReplacement(StringBuffer sb, String replacement) 将当前匹配子串替换为指 ...
- Spring入门第十六课
接上一次讲课 先看代码: package logan.spring.study.annotation.repository; public interface UserRepository { voi ...
- Open-source Tutorial - Json.NET
JSON 简介 JSON(JavaScript Object Notation,JavaScript对象表示法)是一种由道格拉斯·克罗克福特构想和设计.轻量级的数据交换语言,该语言以易于让人阅读的文字 ...
- win form treeview添加节点
//实例代码: /// <summary> /// 添加节点事件 /// </summary> /// <param name="tnodes"> ...
- react-router-dom
创建: 2019/05/18 安装 npm install react-router-dom --save
- Windows下安装CUDA8.0
在Win10下安装CUDA8.0,并使用VS2013测试: 机器配置: Windows 10 VS 2013 CUDA8.0 CUDA 8.0:下载地址 CUDA其他版本:下载地址 1. 安装CUDA ...