2014/11/13 坚持就是胜利

来源:互联网 发布:淘宝淘金币兑换中心 编辑:程序博客网 时间:2024/05/21 19:24

今天 搞了6个番茄钟的js  1个番茄钟的php 1个番茄钟的html  2个番茄钟的英语  每天的日常 仿佛 都一样  不过还真是很累 学js到后面 根本就搞不进去了 哎 难道是我急于冒进了??


说实话 我写总结的时候 我都害怕 再回去看我看过的知识点。。。三个小时 基本十多分钟才一节的知识点 不光要练习代码 还要思考这玩意到底是怎么用 心力憔悴啊 呜呜


不过一切为了以后更牛逼 马达 值了!


一、 js部分


今天学了 dom节点 。总的说 HTML文档 其实就是节点构成的集合  不过今天学的这些真的很有用 可以更好的理解HTML的编程机制。节点真的很有意思  而且很复杂 搞起来很费劲

dom节点 分为  元素节点  文本节点   属性节点。

getElementByName()方法  是返回指定名称的节点的集合  由于name可能有重复 所以 返回的是元素数组 而不是一个~而且可以使用length属性 还可以像数组一样 从0访问。

getElementByTagName()方法 是返回带有指定标签名的节点对象的集合 返回元素的顺序 是他们在文档中的顺序,参数就一个 就是标签名。也有length属性 因为返的也是数组

                                                     

他两个 加上byid 的区别就是 由小到大 id是一个 是唯一的,而name 是重复的 名字相同的人的集合,而 tagname更大 他可以看做某类   他们三个就像是比喻的话 就是男人中都叫张全蛋的其中jj两厘米的之一。。。。


getAttribute()方法 是通过元素节点的属性名来获取属性的值。 用法就是 aaa.getAttribute() 这个aaa就是通过 byid 或者bytagname等 获得的元素节点。


setAttribute(b,c) 方法  是用来增加一个指定名称和值的新属性。或者是吧一个现有的属性 给上指定的值。 用法跟get的一样也是aaa 参数的话 就是两个 

                                     b是要设置的属性名,而c则是要设置的属性 ,b的话 如果没有 这个属性 就会创建一个。


这里要说一下 节点的属性问题 , 节点一般有三个重要的属性。 名称 ,值,和类型。也就是 nodeName ,nodeValue,nodeType。

    一、nodeName 属性: 节点的名称,是只读的。
           1. 元素节点的 nodeName 与标签名相同
           2. 属性节点的 nodeName 是属性的名称
           3. 文本节点的 nodeName 永远是 #text
           4. 文档节点的 nodeName 永远是 #document


    二、nodeValue 属性:节点的值
           1. 元素节点的 nodeValue 是 undefined 或 null
            2. 文本节点的 nodeValue 是文本自身
            3. 属性节点的 nodeValue 是属性的值

    三、nodeType 属性: 节点的类型,是只读的。以下常用的几种结点类型:
            元素类型    节点类型
                元素          1
                属性          2
                文本          3
                注释          8
                文档          9

  

childNodes  他是用来访问选定元素节点下的所有子节点的列表,返回的值 也是可以看做一个数组,同样可以使用length。 用法 也是aaa.childNodes,需要注意的是如果选定的

                    节点没有子节点的话,则该属性返回不包含节点的Nodelist。还有 除了ie游览器 剩下的 神马chrome,Firefox 之类的 空白符也算是节点。这个需要注意。


firstChild 和lastChild 一个是返回childNodes 数组的第一个子节点 一个是返回最后一个子节点 同样 如果选定的节点没有子节点 那么都返回null。 语法也是一样的aaa.xxxxchild


parentNode  获取指定节点的父节点。 用法也是aaa.parentNode。注意的是 父节点只有一个。好玩的是 可以连续用这个 也就是这种模式aaa。parentNode。parentNode,

                     这个是访问的祖节点。


nextSibling属性可返回某个节点之后紧跟的节点(处于同一树层级中)用法也是aaa。nextSibling

previousSibling属性 则是返回某个节点之前紧跟的节点(处于同一树层级中)他俩都是如果没有该节点 返回null。这俩都需要判断空节点问题。


createElement()方法可以创建元素节点。返回的是一个element对象。用法是 document。createElement(tagname)参数是用来指明创建元素的类型的 是个字符串。

                                 需要注意的是 需要和appendChild()或者是insertBefore()结合使用讲元素显示在页面中。


createTextNode()方法可以创建新的文本节点,返回新创建的text节点。语法是document。createTextNode(date)参数也是字符串 用来规定此节点的文本。


appendChild() 是在指定节点最后一个子节点列表之后 添加一个新的子节点。语法是appendChild(newnode)参数是指定追加的节点。


insertBefore() 是在已有的子节点前插入一个新的子节点参数有两个 第一个是插入的新节点 第二个可以没有 是指定此节点前插入节点。


removeChild()删除节点 成功 返回被删除的节点 失败返回null。语法是aaa。你懂得 参数就是指定的节点。注意的是 就算是删除了 返回的值还是可以显示出来的

                               也就是还在内存中,如果完全删除 那就在赋给个null吧。。。


replaceChild()实现子节点的替换,返回被替换对象的引用。用法是aaa。你懂得  需要注意的是 当oldnode被替换时 所有与之相关的属性内容都被移除 所以newnode必须

                              先建立不说 每次使用替换的时候 还要加上parentNode。


window。innerHeight-浏览器窗口的内部高度

window。innerWidth-浏览器窗口的内部宽度。


scrollHeight/scrollWidth  获取网页内容高度和宽度(不包括滚动条)。


offsetHeight/width  获取网页内容高度和宽度(包括滚动条等边线 随着窗口显示大小改变)。


二 php部分

__FILE__ :php程序文件名。它可以帮助我们获取当前文件在服务器的物理位置。


__LINE__ :PHP程序文件行数。它可以告诉我们,当前代码在第几行。


PHP_VERSION:当前解析器的版本号。它可以告诉我们当前PHP解析器的版本号,我们可以提前知道我们的PHP代码是否可被该PHP解析器解析。


PHP_OS:执行当前PHP版本的操作系统名称。它可以告诉我们服务器所用的操作系统名称,我们可以根据该操作系统优化我们的代码。


呼呼 看吧 好多 卧槽 累死洒家了 这就是一个程序员的 日常啦  嘿嘿~~~








0 0
原创粉丝点击