随笔分类 -  html/css/js

摘要:http://www.imooc.com/code/1703 网页尺寸scrollHeight scrollHeight和scrollWidth,获取网页内容高度和宽度。 一、针对IE、Opera: scrollHeight 是网页内容实际高度,可以小于 clientHeight。 二、针对NS、F 阅读全文
posted @ 2017-02-19 11:48 超级学渣渣 阅读(1278) 评论(0) 推荐(0)
摘要:http://www.imooc.com/code/1702 浏览器窗口可视区域大小 获得浏览器窗口的尺寸(浏览器的视口,不包括工具栏和滚动条)的方法: 一、对于IE9+、Chrome、Firefox、Opera 以及 Safari: • window.innerHeight - 浏览器窗口的内部高 阅读全文
posted @ 2017-02-19 11:41 超级学渣渣 阅读(1921) 评论(0) 推荐(0)
摘要:http://www.imooc.com/code/1697 创建文本节点createTextNode createTextNode() 方法创建新的文本节点,返回新创建的 Text 节点。 语法: document.createTextNode(data) 参数: data : 字符串值,可规定此 阅读全文
posted @ 2017-02-19 11:37 超级学渣渣 阅读(2732) 评论(0) 推荐(0)
摘要:http://www.imooc.com/code/1696 创建元素节点createElement createElement()方法可创建元素节点。此方法可返回一个 Element 对象。 语法: document.createElement(tagName) 参数: tagName:字符串值, 阅读全文
posted @ 2017-02-19 10:24 超级学渣渣 阅读(3799) 评论(0) 推荐(0)
摘要:替换元素节点replaceChild() replaceChild 实现子节点(对象)的替换。返回被替换对象的引用。 语法: node.replaceChild (newnode,oldnew ) 参数: newnode : 必需,用于替换 oldnew 的对象。 oldnew : 必需,被 new 阅读全文
posted @ 2017-02-19 10:23 超级学渣渣 阅读(1072) 评论(0) 推荐(0)
摘要:http://www.imooc.com/code/1700 删除节点removeChild() removeChild() 方法从子节点列表中删除某个节点。如删除成功,此方法可返回被删除的节点,如失败,则返回 NULL。 语法: nodeObject.removeChild(node) 参数: n 阅读全文
posted @ 2017-02-19 10:03 超级学渣渣 阅读(4887) 评论(0) 推荐(0)
摘要:http://www.imooc.com/code/1699 插入节点insertBefore() insertBefore() 方法可在已有的子节点前插入一个新的子节点。 语法: insertBefore(newnode,node); 参数: newnode: 要插入的新节点。 node: 指定此 阅读全文
posted @ 2017-02-18 21:33 超级学渣渣 阅读(1302) 评论(0) 推荐(0)
摘要:http://www.imooc.com/code/1698 插入节点appendChild() 在指定节点的最后一个子节点列表之后添加一个新的子节点。 语法: appendChild(newnode) 参数: newnode:指定追加的节点。 我们来看看,div标签内创建一个新的 P 标签,代码如 阅读全文
posted @ 2017-02-18 21:28 超级学渣渣 阅读(404) 评论(0) 推荐(0)
摘要:访问兄弟节点 1. nextSibling 属性可返回某个节点之后紧跟的节点(处于同一树层级中)。 语法: nodeObject.nextSibling 说明:如果无此节点,则该属性返回 null。 2. previousSibling 属性可返回某个节点之前紧跟的节点(处于同一树层级中)。 语法: 阅读全文
posted @ 2017-02-18 20:50 超级学渣渣 阅读(251) 评论(0) 推荐(0)
摘要:访问子节点childNodes 访问选定元素节点下的所有子节点的列表,返回的值可以看作是一个数组,他具有length属性。 语法: elementNode.childNodes 注意: 如果选定的节点没有子节点,则该属性返回不包含节点的 NodeList。 我们来看看下面的代码: 运行结果: IE: 阅读全文
posted @ 2017-02-18 20:01 超级学渣渣 阅读(329) 评论(0) 推荐(0)
摘要:在文档对象模型 (DOM) 中,每个节点都是一个对象。DOM 节点有三个重要的属性 : 1. nodeName : 节点的名称 2. nodeValue :节点的值 3. nodeType :节点的类型 一、nodeName 属性: 节点的名称,是只读的。 1. 元素节点的 nodeName 与标签 阅读全文
posted @ 2017-02-18 19:59 超级学渣渣 阅读(742) 评论(0) 推荐(0)
摘要:http://www.imooc.com/code/1587 getAttribute()方法 通过元素节点的属性名称获取属性的值。 语法: elementNode.getAttribute(name) 说明: 1. elementNode:使用getElementById()、getElement 阅读全文
posted @ 2017-02-18 19:39 超级学渣渣 阅读(17687) 评论(0) 推荐(1)
摘要:getElementsByTagName()方法 返回带有指定标签名的节点对象的集合。返回元素的顺序是它们在文档中的顺序。 语法: document.getElementsByTagName(Tagname) 说明: 1. Tagname是标签的名称,如p、a、img等标签名。 2. 和数组类似也有 阅读全文
posted @ 2017-02-18 15:47 超级学渣渣 阅读(3542) 评论(0) 推荐(0)
摘要:http://www.imooc.com/code/1583 getElementsByName()方法 返回带有指定名称的节点对象的集合。 语法: document.getElementsByName(name) 与getElementById() 方法不同的是,通过元素的 name 属性查询元素 阅读全文
posted @ 2017-02-18 15:44 超级学渣渣 阅读(1245) 评论(0) 推荐(0)
摘要:转载于:http://www.imooc.com/code/1575 认识DOM 文档对象模型DOM(Document Object Model)定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构(节点树)。 先来看看下面代码: 将HTML代码分解为DOM 阅读全文
posted @ 2017-02-18 15:38 超级学渣渣 阅读(171) 评论(0) 推荐(0)
摘要:JS中open()函数介绍 window=object.open([URL ][, name ][, features ][, replace]]]]) URL:新窗口的URL地址 name:新窗口的名称,可以为空 featurse:属性控制字符串,在此控制窗口的各种属性,属性之间以逗号隔开。 fullscreen={ yes/no/1/0 }是否全屏,默认no channelmode={ ye... 阅读全文
posted @ 2017-02-10 13:00 超级学渣渣 阅读(5177) 评论(0) 推荐(0)
摘要:Navigator对象 Navigator 对象包含有关浏览器的信息,通常用于检测浏览器与操作系统的版本。 对象属性: 查看浏览器的名称和版本,代码如下: <script type="text/javascript"> var browser=navigator.appName; var b_ver 阅读全文
posted @ 2017-02-03 11:55 超级学渣渣 阅读(1099) 评论(0) 推荐(0)
摘要:Location对象 location用于获取或设置窗体的URL,并且可以用于解析URL。 语法: location.[属性|方法] location对象属性图示: location 对象属性: location 对象方法: location用于获取或设置窗体的URL,并且可以用于解析URL。 语法 阅读全文
posted @ 2017-02-03 11:52 超级学渣渣 阅读(304) 评论(0) 推荐(0)
摘要:实现数字自动增长。 增加start和stop控制按钮 阅读全文
posted @ 2017-02-03 11:45 超级学渣渣 阅读(6989) 评论(0) 推荐(0)
摘要:定时器 阅读全文
posted @ 2017-02-03 10:58 超级学渣渣 阅读(4549) 评论(0) 推荐(0)