发表于: 2018-12-17 23:15:52
1 785
今天完成的事:
JavaScript 计时事件:在一个设定的时间间隔后执行代码,称之为计时事件。
使用计时事件有两个关键方法是:
setInterval() - 间隔指定的毫秒数不停地执行指定的代码。
语法:
setInterval("javascript function",milliseconds);
setInterval()事件由两部分组成,其中第一个参数是一个函数(javascript function);
第二部分是参数间隔的毫秒数(1000毫秒等于一秒)。
clearInterval() 方法用于停止 setInterval() 方法执行的函数代码。
语法:clearInterval(intervalVariable)
要使用 clearInterval() 方法, 在创建计时方法时你必须使用全局变量:
setTimeout() - 在指定的毫秒数后执行指定代码。
语法:
myVar=setTimeout("javascript function", milliseconds);
setTimeout() 方法会返回某个值。在上面的语句中,值被储存在名为 myVar 的变量中。假如你希望取消这个 setTimeout(),你可以使用这个变量名来指定它。
setTimeout() 的第一个参数是含有 JavaScript 语句的字符串。
第二个参数指示从当前起多少毫秒后执行第一个参数。
clearTimeout() 方法用于停止执行setTimeout()方法的函数代码。
语法:clearTimeout(timeoutVariable)
要使用clearTimeout() 方法, 你必须在创建超时方法中(setTimeout)使用全局变量:
Javascript DOM
DOM(Document Object Model),文档对象模型。简单的说就是一套操作文档内容的方法。
DOM存在着不同类型的节点:
1.元素节点:DOM的原子是元素节点。事实上,文档的每一个元素都是一个对象。(后面会详细讲)
2.文本节点:元素节点构成文档的结构,则文本节点构成文本的内容。文本节点总是被包含在元素节点的内部,但并不是所有元素节点都包含文本节点。
3.属性节点:元素或多或少都具有一些属性。
(除外,还有一些其它类型的节点,如注释)
DOM操作的四种基本方法
DOM操作的四种基本方法:getElementById(), getElementsByTagname(), getAttribute(), setAttribute().
1. getElementById():
参数:元素的ID值。 (元素节点简称元素)
返回值:一个有指定ID的元素对象(元素是对象)
注:这个方法是与document对象相关联,只能由document对象调用。
用法:document.getElementById(Id)
2.getElementsByTagName():
参数:元素名
返回值:一个对象数组。这个数组里每个元素都是对象,每个对象分别对应着文档里给定标签的一个元素。
注:这个方法可和一般元素关联。这个方法允许我们把通配符当作它的参数,返回在某份html文档里总共有多少个元素节点。
用法:element.getElementsByTagName(TagName)
3. getAttribute():
参数:元素的某个属性名
返回值:这个元素属性的属性值
注:getAttribute()不能通过document对象调用,只能通过元素对象去调用它。
用法:object.getAttribute(Attribute)
setAttribute():
参数:两个参数,分别为:元素的某个属性名、这个元素的新属性值
返回值:无返回值
注:setAttribute()可以对节点的属性值进行修改,只能通过元素节点对象调用。如果元素原来没有这个属性值,则setAttribute创建此attribute,然后再赋新值;如果已存在此属性,则对原来的值进行覆盖。
用法:element.setAttribute(attribute, value).
明天计划的事:
遇到的问题:使用一个函数从数组中随机获取三个div,经常出现重复的,有时候只显示两个。不知道怎么解决.
收获:根据网上搜到的案例,自己手动开始写了一个demo,发现之前学习的知识,让自己写写不出来,还是的多敲代码,算是发现了自己的不足吧。以后一定要多手动练习。
评论