Javascript杂项解析
javascript
内置对象
1.数学对象
随机生成n-m的一个整数
math.random()函数返回0和1之间的伪随机数,可能为0,但总是小于1,[0,1)
第一步算出 m-n的值,假设等于w
第二步math.random()*w
第三步math.random()*w+n
第四步math.round(math.random()*w+n)或者 math.ceil(math.random()*w+n)
2.日期对象
var date=new date();获得一个时间戳
date.tostring();获得一个中国标准时间的字符串
mydate.getfullyear(); //获取完整的年份(4位,1970-)
mydate.getmonth(); //获取当前月份(0-11,0代表1月)
mydate.getdate(); //获取当前日(1-31)
mydate.gethours(); //获取当前小时数(0-23)
mydate.getminutes(); //获取当前分钟数(0-59)
mydate.getseconds(); //获取当前秒数(0-59)
计时器的四个方法
1.setinterval(“fun()”,”1000”);每过1秒调用一次fun()
2.clearinterval(对象); 清除已设置的setinterval对象
3.settimeout(expression,delaytime),在delaytime过后,将执行一次expression,settimeout 运用在延迟一段时间,再进行某项操作。
4.1cleartimeout(对象) 清除已设置的settimeout对象
dom的增加,删除节点
1.增加节点
这是一个段落/p>
这是另一个段落/p>
var para=document.createelement("p"); para.innerhtml="这是增加的标签文本"; var element=document.getelementbyid("p1"); element.appendchild(para);
2.删除节点
这是一个段落/p>
这是另一个段落/p>
var parent=document.getelementbyid("p1"); var child=document.getelementbyid("p1"); parent.removechild(child);
3.queryselector()的使用
获取文档中 id=”demo” 的元素:
document.queryselector("#demo");
获取文档中第一个 p> 元素:
document.queryselector("p");
获取文档中 class=”example” 的第一个元素:
document.queryselector(".example");
获取文档中有 “target” 属性的第一个 a> 元素
document.queryselector("a[target]");
4.queryselectorall的使用
梦龙小站
梦龙小站/em>
梦龙小站/i>
梦龙小/em>
//获取类名为all的p>中所有的,元素类似于
getelementsbytagname("i")
var i = document.getelementbyid("all").queryselectorall("i");
//获取类名为span的所有元素
var span = document.queryselectorall(".span");
//获取所有p>标签中的所有em>元素
var em = document.queryselectorall("p em");
var i, len, emone;
for(i=0, len = em.length; i目前的javascrip的杂项1.在新窗口打开新网页window.open(url,"_blank");
*在原窗口跳转网页window.open(url,"_self");
2.document.getelementbyid(“abc”).innerhtml=”要修改的结果”选择器选择id为abc的对象并修改它的文本。3.document.getelementbyid(“main-picture”).getattribute(“src”)返回一个元素为”main-picture”的对象的src属性的值。4.document.getelementbyid(“imag2”).setattribute(“class”,”active”);设置id=”imag2”的对象的属性class的值。
上一篇: ES6新特性以及优势解析
下一篇: 封装一个简易版的ajax操作对象