js基础的知识整理
一、操作样式:
.style 操作行间样式
.className 修改class
二、操作属性
1. . 更简单,操作已有的属性
2. [] 更灵活,点能做的,方括号都能做。方括号中放的是字符串,方括号可以放变量,点不能。
三、获取元素的方式
document.getElementById 通过ID获取一个元素
obj.getElementsByTagName 通过标签名获取一组元素
obj.getElementsByClassName 通过class获取一组元素 通过class获取不兼容。不兼容:IE6,7,8
四、检测数据类型:typeof 数据类型: number 数字 boolean 布尔值 string 字符串 undefined 未定义 object 对象 function 函数
五、获取非行间样式:
function getStyle(obj,sName){
return obj.currentStyle?obj.currentStyle[sName]:getComputedStyle(obj,false)[sName];
}
六、获取随机数 Math.random() 获取0-1之间的小数,包括0 ,永远不包括1
function rnd(n,m){
return parseInt(n+Math.random()*(m-n));
}
七、定时器:
事件以毫秒为单位
setInterval(fn,ms) 连续执行
setTimeout(fn,ms) 执行一次
**先清后开。
八、日期对象
var oDate = new Date(); 获取
oDate.getFullYear() 获取年
oDate.getMonth() 获取月,要+1
oDate.getDate() 获取日
oDate.getDay() 获取星期,星期日是0
oDate.getHours() 获取时
oDate.getMinutes() 获取分
oDate.getSeconds() 获取秒
oDate.getTime(0 获取时间戳 时间戳: 1970年1月1日 0:0:0:0 到现在经历过的毫秒数
设置 oDate.setFullYear(y,m,d); oDate.setFullYear(y,m); oDate.setFullYear(y);
oDate.setMonth(m,d); 月份要-1 oDate.setMonth(m);
oDate.setDate(d); 设置日
oDate.setHours(h,m,s,ms); oDate.setHours(h,m,s); oDate.setHours(h,m); oDate.setHours(h);
oDate.setMinutes(m,s,ms); oDate.setMinutes(m,s); oDate.setMinutes(m);
oDate.setSeconds(s,ms); oDate.setSeconds(s);
日期对象会自己进位
九、arguments 实参参数的数组。
当参数个数不固定时,使用这个东西。
十、i的问题
1.循环中加事件,事件中使用i
解决:自定义属性 封闭空间
2.循环中加定时器,定时器中使用i
解决:封闭空间
十一、封闭空间:省了个名字。 (function(){})();
封闭空间的作用: 1.解决i的问题。 2.解决变量名冲突的问题。
十二、eval 把字符串变成可执行的语句
evaljson的时候要加括号
var str = '{a:1,b:2}';
eval('('+str+')');
十三、json 装东西的
没有length 下标是名字 用for...in循环
十四、批量设置样式
function setStyle(){
if(arguments.length==2){
for(var name in arguments[1]){
arguments[0].style[name]=arguments[1][name];
}
}else{
arugments[0].style[arguments[1]]=arguments[2];
}
}
十五、数组的length可以更改
清空数组: arr.length=0;
arr = [];
arr.splice(0,arr.length);
while(arr.length){ arr.pop(); arr.shift(); }
十六、获取浏览器信息: window.navigator.userAgent
js基础的知识整理的更多相关文章
- SVG.js 基础图形绘制整理(二)
一.折线 var draw = SVG('svg1').size(300, 300); //画折线 //使用字符串点 // var polyline=draw.polyline('0,0 100,50 ...
- js事件(Event)知识整理
事件(Event)知识整理,本文由网上资料整理而来,需要的朋友可以参考下 鼠标事件 鼠标移动到目标元素上的那一刻,首先触发mouseover 之后如果光标继续在元素上移动,则不断触发mousemo ...
- js事件(Event)知识整理[转]
事件注册 平常我们绑定事件的时候用dom.onxxxx=function(){}的形式 这种方式是给元素的onxxxx属性赋值,只能绑定有一个处理句柄. 但很多时候我们需要绑定多个处理句柄到一个事件上 ...
- three.js基础前置知识
这一节是纯理论知识,用于介绍three.js的入门概念,也就是开发前需要准备的理论基础. 一,三剑客 当然就是scene,camera,renderer这三个基本要素. scene是一个用于容纳三维空 ...
- Javascript进阶篇——(JS基础语法)笔记整理
根据慕课网学习整理到一起的笔记,把东西整理到一起看起来比较方便 什么是变量字面意思:变量是可变的量:编程角度:变量是用于存储某种/某些数值的存储器.我们可以把变量看做一个盒子,盒子用来存放物品,物品可 ...
- SVG.js 基础图形绘制整理(一)
一.矩形 //指定width和height 画矩形 //返回rect对象 var draw = SVG('svg1').size(300, 300); var rect = draw.rect(100 ...
- JS跨域知识整理
在“跨域”一词经常性地出现以前,我们其实已经频繁地使用它了.如在A网站的img,src指向B网站的某一图片地址,毫无疑问,这在通常情况下都是能正常显示的(且不论防盗链技术):同样,可以使script标 ...
- AJAX学习前奏----JS基础加强
AJAX学习前奏----JS基础加强 知识概要: 1.js类&属性&方法的定义 2.静态属性与方法 3.构造方法 4.原型的使用 5.Object对象直接加属性和方法 6.JSO ...
- [JS复习] JS 基础知识
项目结尾,空闲时间,又把<JS 基础知识> 这本书过了一遍,温故知新后,很多知其然不知其所以然的内容 豁然开朗. [1. 用于范围的标签] display :inline or bloc ...
随机推荐
- css小记(3)
1.只有块级元素可以设置背景图,行内元素要变成块级元素才可以:2.盒子不设置宽度,只设置高度,默认为100%,并自适应屏幕大小变化,为这个盒子设置margin可以在保证margin效果的同时默认调整盒 ...
- Jquery的优势
(1)轻量级.jQuery非常轻巧,采用Dean Edwards的Packer(http://dean.edwards.name/packer/)压缩后,只有不到30KB的大小,如果服务器端启用gzi ...
- Hibernate的延迟加载
我们会分析load和get两种加载方式: 一.load加载方式 当使用load方法来得到一个对象时,此时hibernate会使用延迟加载的机制来加载这个对象,即:当我们使用session.load() ...
- hibernate 中如何用注解映射定长字符类型char(2)
如果是用xml的方式配置映射,可以在<column>标签的sql-type属性中设置char(2),比如: <property name="age" type=& ...
- 布朗语料库中条件概率分布函数ConditionalFreqDist使用
布朗语料库中使用条件概率分布函数ConditionalFreqDist,可以查看每个单词在各新闻语料中出现的次数.这在微博情感分析中非常有用,比如判断feature vector中代表positive ...
- 详解NTFS文件系统
一.分析NTFS文件系统的结构 当用户将硬盘的一个分区格式化为NTFS分区时,就建立了一个NTFS文件系统.NTFS文件系统同FAT32文件系统一样,也是用“簇”为存储单位,一个文件总是占用一个或多个 ...
- Unity3D 开发 之 JDK安装与环境变量配置
安装JDK 选择安装目录 安装过程中会出现两次 安装提示 .第一次是安装 jdk ,第二次是安装 jre .建议两个都安装在同一个java文件夹中的不同文件夹中.(不能都安装在java文件夹的根目录 ...
- c语言的输入输出函数
参考文章: http://blog.sina.com.cn/s/blog_784f40b80100psg9.html C语言输入输出函数分为两类: 1.格式化输入输出函数 2.非格式化输入输出 --- ...
- 主机与虚拟机通信:以主机VS2010连接虚拟机MySql为例
1.首先解决环境配置.网络互相通信的问题: 主机:Win7 32bit.虚拟机 Winxp 32bit(不要鄙视我不大会用unix之类的东西).使用virtualBox安装. 网络:虚拟机配置成Bri ...
- 【axc】简单的线性动画绘制
在一个View上绘制一条直线 然后做出相应的动画效果 可以这样封装三个方法: /** * 划线工具 * * @param lineArray 线段的点数组 NSValue 类型 默认第一 ...