JavaScript随笔3
1.获取非行间css
if(oDiv.currentStyle){
alert(oDiv.currentStyle.width);
}else{
alert(oDiv.getComputedStyle(oDiv,false).width);
}
2.数组的定义
var a = [1,2,3];
var a = new Array(1,2,3);
(1)清空数组:
length = 0;
(2)
添加:arr.push();尾部添加
删除:arr.pop();尾部删除
(3)
头部添加:
unshift();
头部删除
arr.shift();
(4)
删除
arr.splice(起点,长度);
添加
arr.splice(起点,长度,元素);
替换
arr.splice(起点,长度,元素);
(5)数组链接
arr1.concat(arr2);
(6)
arr = [1,2,3,4];
arr.join("-");
1-2-3-4
(7)
排序
arr.sort();
把数字当做字符串来处理的
处理办法
arr.sort(function(n1,n2){
return n1-n2;
});
(8)
定时器:
间隔:
setInterval(show,1000);
延时:
setTimeoout(show,1000);
关闭定时器:
clearInterval(name);
clearTimeout(name);
(9)
日期对象:
var date = new Date();
getHours();
getMinutes();
getSeconds();
(10)
DOM基础:
document
IE 10%
Chrome 60%
FF 99%
(11)
节点:文本节点+元素节点
nodeType=3-->文本节点
nodeType=1-->元素节点
children 不包括文本节点
childrenNode 包括文本节点
(12)
offsetParent:获取定位的父节点
(13)
fristChild有兼容性问题
高版本用:
fristElementChild
(14)
获取getAttribute();//可以用.和[]代替
设置setAttribute();
删除removeAttribute()
(15)
创建节点:
var li = document.createElement('li');
appendChilde(li);
(16)插入元素
父级.insertBefore("节点","在谁之前");
(17)删除元素
removeChild("子节点");
(18)文档碎片
document.cr eateDocumentFragment();
(19)表格:
getElementsByTagName('tbody')[0] ==> tBodies[0]
getElementsByTagName('tr')[1] ==> rows[1]
getElementsByTagName('td')[1] ==> cells[1]
(20)
toLowerCase:把大写变成小写的
srt.search("a");//返回出现的位置,否则返回-1
split(' ')//从空格切开
(21)
appendChild();//1.先把元素从原有的父级上删掉2.添加到新的父级
JavaScript随笔3的更多相关文章
- JavaScript随笔2
JavaScript的组成:ECMA.DOM.BOM闭包,子函数可以使用父函数的局部变量 函数:arguments是个参数数组oDiv.style.width:只能操作行间的样式.在IE下oDiv.c ...
- JavaScript 随笔1
第一章 JavaScript实现 JavaScript由三个不同部分组成: ECMAScript,提供核心语言功能 DOM,提供访问和操作网页内容的方法和接口 BOM,提供与浏览器交互的方法和接口. ...
- [JavaScript 随笔] 垃圾回收
在 JavaScript 中,由于垃圾回收是自动进行的,所以人们在编码时可能不太会注意这方面.但事实是,一些 webapp 在使用一段时间后,会出现卡顿的现象,特别是那些单页应用,包括 WebView ...
- JavaScript随笔8
正则表达式: search(a);//查询a的位置 substring(2,5)//获取到2到4位 chartAt(3);//获取到第3位 split('-');//以-切分 (1) RegExp对象 ...
- JavaScript随笔7
BOM (1). window.open('窗口','_self或者_blank');//打开一个新的浏览器窗口 例 var win = window.open('about:blank');//获取 ...
- JavaScript随笔6
Ajax:(1) 阻止缓存?+t = new data(); eval可以把string变为数组(2) get:放入URL username = &password = ; 容量有小 安全性差 ...
- JavaScript随笔4
(1) 表单:向服务器提交数据 action: 提交到哪里 表单事件: onsubmit: 提交时发生 onreset: 重置时发生(2) 运动框架: 1.在开始运动时.关闭已有定时器 2.把运动和停 ...
- JavaScript随笔5
事件(1) 鼠标的点击坐标: 火狐不支持 IE event.clientX//可视区坐标 event.clientY FF ev.clientX ev.clientY 兼容: var oEvent = ...
- JavaScript随笔1
1.NaN不等于NaN 2.判断是不是NaN:isNaN; (强制类型转换) 3.parseInt(3.5) ->3 parseInt(3px)->3 4.pareFloat(3.7)- ...
随机推荐
- Storm如何保证可靠的消息处理
作者:Jack47 PS:如果喜欢我写的文章,欢迎关注我的微信公众账号程序员杰克,两边的文章会同步,也可以添加我的RSS订阅源. 本文主要翻译自Storm官方文档Guaranteeing messag ...
- PHP验证用户登录例子-学习笔记
1.基本流程: 2.UML类图: 3.PHP代码: 3.1 index.php <?php /** * Created by PhpStorm. * User: andy * Date: 16- ...
- 初探Vue
Vue.js(读音/vju:/,类似于view),是近来比较火的前端框架,但一直没有怎么具体了解.实现过,就知道个啥的MVVM啦,数据驱动啦,等这些关于Vue的虚概念. 由于最近,小生在公司中,负责开 ...
- P2V之后的磁盘扩容新思路
背景: 原先的物理机环境多是若干块物理磁盘经过RAID卡进行了RAID5之后的虚拟磁盘组,这样我们在操作系统内看到的也就是一块完整的磁盘.我们会在上面进行分区,然后格式化后以便使用. Figure 1 ...
- Unity3D 5.3 新版AssetBundle使用方案及策略
1.概览 Unity3D 5.0版本之后的AssetBundle机制和之前的4.x版本已经发生了很大的变化,一些曾经常用的流程已经不再使用,甚至一些老的API已经被新的API所取代. 因此,本文的主要 ...
- Java多态性——分派
一.基本概念 Java是一门面向对象的程序设计语言,因为Java具备面向对象的三个基本特征:封装.继承和多态.这三个特征并不是各自独立的,从一定角度上看,封装和继承几乎都是为多态而准备的.多态性主要体 ...
- FreeMarker:怎么使用
第一个FreeMarker程序 1. 建立一个普通的java项目:testFreeMarker 2. 引入freemarker.jar包 3. 在项目目录下建立模板目录:templates 4. 在t ...
- 【干货分享】流程DEMO-加班与调休
流程名: 加班.调休 业务描述: 加班: 工作日加班可以申请调休,也可以申请支付加班费.原则上都应申请调休:周末加班原则上申请调休:法定节假日加班支付加班费. 加班申请以半小时为单位. 当月加班不能 ...
- Android 开发一定要看的15个实战项目
前言: 虽说网上有太多的Android课程,但是大多都是视频,有Android在线开发环境的几乎没有,但是对于学习Android的人来说拥有在线的Android开发环境是非常好的,可以随时动手操作学习 ...
- 海鑫智圣:物联网漫谈之MQTT协议
什么是MQTT协议 MQTT(消息队列遥测传输协议)是IBM在1999年专门针对物联网等应用场景来制订的轻量级双向消息传输协议,它主要是为了解决物联网上使用到的设备的互相通信的问题,以及这些设备与后端 ...