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)- ...
随机推荐
- Sublime Text3安装JsHint
介绍 Sublime Text3使用jshint依赖Nodejs,SublimeLinter和Sublimelinter-jshint. NodeJs的安装省略. 安装SublimeLinter Su ...
- PHP实现RTX发送消息提醒
RTX是腾讯公司推出的企业级即时通信平台,大多数公司都在使用它,但是我们很多时候需要将自己系统或者产品的一些通知实时推送给RTX,这就需要用到RTX的服务端SDK,建议先去看看RTX的SDK开发文档( ...
- servlet文件下载
创建web工程servlet,新建DownloadServlet.java package com.xmyself.servlet; import java.io.File; import java. ...
- nodejs模块发布及命令行程序开发
前置技能 npm工具为nodejs提供了一个模块和管理程序模块依赖的机制,当我们希望把模块贡献出去给他人使用时,可以把我们的程序发布到npm提供的公共仓库中,为了方便模块的管理,npm规定要使用一个叫 ...
- Oracle 数据库语句大全
Oracle数据库语句大全 ORACLE支持五种类型的完整性约束 NOT NULL (非空)--防止NULL值进入指定的列,在单列基础上定义,默认情况下,ORACLE允许在任何列中有NULL值. CH ...
- SNMP简单网络管理协议
声明:以下内容是学习谌玺老师视频整理出来(http://edu.51cto.com/course/course_id-861.html) SNMP(Simple Network Management ...
- 树莓派3B的食用方法-1(装系统 网线ssh连接)
首先要有一个树莓派3B , 在某宝买就行, 这东西基本上找到假货都难,另外国产和英国也没什么差别,差不多哪个便宜买哪个就行. 不要买店家的套餐,一个是配的东西有些不需要,有的质量也不好. 提示:除了G ...
- Linux监控工具介绍系列——OSWatcher Black Box
OSWatcher Balck Box简介 OSWatcher Black Box (oswbb)是Oracle开发.提供的一个小巧,但是实用.强大的系统工具,它可以用来抓取操作系统的性能指标,用 ...
- ubuntu安装ANSYS17.2全过程
本次介绍在Ubuntu kylin1604下安装Ansys 17.2的全部过程. 1 安装文件准备 关于ANSYS的软件安装文件,在网络上可以找到.这里采用SSQ版本的安装文件,如图所示,包含一个名为 ...
- 【腾讯Bugly干货分享】聊聊苹果的Bug - iOS 10 nano_free Crash
本文来自于腾讯Bugly公众号(weixinBugly),未经作者同意,请勿转载,原文地址:https://mp.weixin.qq.com/s/hnwj24xqrtOhcjEt_TaQ9w 作者:张 ...