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

浙公网安备 33010602011771号