<title>无标题文档</title>

<script>

function css(obj,name,value){

    if(arguments.length==2){

        return obj.style[name];

        }else{

            obj.style[name]=value;

            }

    }

window.onload=function (){

    var oDiv=document.getElementById('div1');

    //alert(css(oDiv,'width'));

    css(oDiv,'background','green');

    };

</script>

</head>

<body>

<div id="div1" style="width:200px;height:200px; background:red;"></div>

</body>

下面是一些WEB小知识：

数据类型
number,string,boolean,undefined,object(DOM-document),function
用typeof运算符可以检测数据类型 如： var a=5; typeof a;
数据类型转换
显式类型转换（强制类型转换）
parseInt(),parseFloat()
NaN的意义和检测 isNaN()
隐式类型转换
==和===，前者先转换类型，然后比较。后者不转换类型，直接比较
var a='12'; var b='7' alert(a-b); 输出5
闭包
子函数可以使用父函数中的局部变量

匈牙利命名法
1.类型前缀
2.首字母大写

运算符
取模% 应用：隔行变色、秒转时间

break和continue
break中断整个循环，continue中断本次循环

真：true、非零数字、非空字符串、非空对象
假：false、数字零、空字符串、空对象、undefined

json
var json={a:12,b:5,c:7};
alert(json.a);或者alert(json['a']);
数组有length方法 alert(arr.length); json没有

数组和json遍历
数组：for 0-len
json：for in
如：for(var i in json){
alert('第'+i+'个元素：'+json[i]);
}
数组也可以这么遍历

函数传参

取非行间样式（不能用来设置）
obj.currentStyle[attr] 在IE下兼容 只能取单一样式 background要用backgroundColor
getComputedStyle(obj,false)[attr] 在IE7不兼容

复合样式：background、border
单一样式：width、height、position

可变参（不定参） :arguments
参数的个数可变，参数数组

CSS函数（判断arguments.length、给参数取名，增强可读性）
css(oDiv,'width') 获取样式
css(oDiv,'width','200px') 设置样式

数组
定义
var arr=[12,5,8];
var arr=new Array(12,5,8); 两种方法没有区别
属性
length 既可以获取，又可以设置 例如：快速清数组

数组的方法
添加
push(元素)，从尾部添加
unshift(元素)，从头部添加
删除
pop()，从尾部弹出
shift(),从头部弹出

splice
删除：splice(起点，长度) arr.splice(2,3);
插入：splice(起点，长度，元素...) arr.splice(2,0,'a','b','c');

替换：arr.splice(2,2,'a','b');

转换类
contact(数组2) 连接两个数组
join(分隔符) 用分隔符，组合数组元素，生成字符串

排序
sort 只能比较字符串，要比较数字，需要借助比较函数

childNodes
children 只获取元素节点
nodeType==3 -> 文本节点
nodeType==1 -> 元素节点

CSS 绝对定位元素，根据有定位的父级定位
offsetParent 用来获取一个元素用来定位的那个父级

操纵元素属性
元素属性操作
第一种：oDiv.style.display="block";
第二种：oDiv.style["display"]="block";
第三种：Dom方式

DOM方式操作元素属性
获取：getAttribute（名称）
设置：setAttribute （名称，值）
删除：removeAttribute(名称)

JS里的CSS函数的更多相关文章

  1. JS里引用CSS属性时候的命名

        如果JS代码中设置<p>元素的另一个CSS属性font-family.这个属性的获取方式与color属性略有不同,因为 font和family之间的连字符与JS中减法操作符相同,J ...

  2. js里的回调函数

    function a(callback)  // 定义一个函数 ,需要传入的参数是callback  然后callback的类型为一个函数{console.log("callback还表示传 ...

  3. 积累js里有用的函数库

    一.兼容地获取非行间样式(兼容火狐,ie,chrome) function getStyle(obj,name) { if(obj.currentStyle){ return obj.currentS ...

  4. js里的匿名函数 数组排序

    // 匿名函数:其实就是函数的简写形式 var method =function(){ alert("123"); } method(); // 匿名函数可以用于事件的处理 fun ...

  5. JS里面的indexOf()函数

    stringObject.indexOf(searchvalue,formindex); searchvalue在字符串首次出现的位置,位置是从0开始算的.

  6. vue脚手架使用swiper /引入js文件/引入css文件

    1.安装vue-cli 参考地址:https://github.com/vuejs/vue-cli 如果不使用严格语法需要在后三项打no:(加了挺头疼的,老是报错,但是对自己的代码规范性也是有很大的帮 ...

  7. vue引入swiper vue使用swiper vue脚手架使用swiper /引入js文件/引入css文件

    vue引入swiper  vue使用swiper  vue脚手架使用swiper /引入js文件/引入css文件 ------------------------------------------- ...

  8. canvas里设置width和css里设置width和js里设置width的区别

    canvas.width 和 它的style.width是不一样的: canvas是个画布,有他自己的宽和高(默认是没有单位的纯数字),就是canvas.width和canvas.height的宽和高 ...

  9. 如何在编辑器里添加CSS或JS代码

    //编辑器里代码模式下的代码 <scripttype="text/javascript"> //my code.... </script> //编辑器里可视 ...

随机推荐

  1. PHP中try{}catch{}的具体用法详解

    PHP中try{}catch{}是异常处理,将要执行的代码放入TRY块中,如果这些代码执行过程中某一条语句发生异常,则程序直接跳转到CATCH块中,由$e收集错误信息和显示.任何调用 可能抛出异常的方 ...

  2. 经典dp 编辑距离

    给定两个字符串S和T,对于T我们可以进行三种操作 (1)在任意位置增加字符 (2)删除字符 (3)替换字符 问最少多少次能把T变成S? 设f(i,j)是S的前i位和T的前j位对齐的最小花费 接下来分析 ...

  3. 关于No architectures to compile for (ONLY_ACTIVE_ARCH=YES, active arch=x86_64, VALID_ARCHS=armv7 armv7s)使用百度地图的解决办法

    出现的原因:armv7s是应用在iPhone 5 A6 的架构上的解决的方式:1,在Project target里“Architectures”设置为“Standard (armv7,armv7s)” ...

  4. Matlab中矩阵的平方和矩阵中每个元素的平方介绍

    该文章讲述了Matlab中矩阵的平方和矩阵中每个元素的平方介绍.   设t = [2 4 2 4] 则>> t.^2 ans = 4 164 16 而>> t^2 ans = ...

  5. 【Machine Learning in Action --5】逻辑回归（LogisticRegression）从疝气病预测病马的死亡率

    背景:使用Logistic回归来预测患有疝气病的马的存活问题,这里的数据包括368个样本和28个特征,疝气病是描述马胃肠痛的术语,然而,这种病并不一定源自马的胃肠问题,其他问题也可能引发疝气病,该数据 ...

  6. IOS 导出ipa文件方法

    1.首先打开项目,Device选项栏选择“Generic iOS Device”.如下图所示: 2.选择屏幕上方的“product”并点击打开,选择“Archive”并点击打开,程序就会自动运行,运行 ...

  7. ios电话拨打进行监听电话状态

    #import "ViewController.h" #import <CoreTelephony/CTCallCenter.h> #import <CoreTe ...

  8. 外部VBS的调用

    一．QTP调用外部VBS的方法 加到QTP的Resource中 在QTP菜单中设置, 菜单FileàSettingsàResource,将要加载的VB脚本添加进来. 举例: 步骤1:在D盘下新建一个V ...

  9. 使用CSS灵活的盒子

    CSS3灵活的盒子,或flexbox,是一个布局模式提供页面上的元素的安排这样的元素表现可以预见当页面布局必须适应不同屏幕大小和不同的显示设备.对于许多应用程序,灵活的块盒模型提供了一个改进模型,它不 ...

  10. C#中Bitmap类 对图像の操作 可检测图片完整性

    try { Bitmap bm = new Bitmap(pics[ip]); BitmapToBytes(bm).Reverse().Take(2); } catch (Exception ex) ...