Unicac's Blog
No pain, no gain! 只有经历,才感觉可贵,只有坚强,才能出众!
  • Home
  • 留言板
  • 友情链接
  • 关于unicac
  • Subscribe
Browse: Home / JavaScript

JavaScript

JavaScript DOM childNodes 属性

By unicac on 2010年03月17日

childNodes属性让我们课可以从给定的文档节点树里把任何一个元素的所有子元素检索出来。 childNodes属性将返回一个数组,这个数组包含给定元素的全体子元素: element.childNodes 假设我们需要把某个文档的body元素的全体子元素检索出来。首先,我们将使用getElementsByTagName()方法得到body元素。因为每份文档只有一个body元素,所以它将是getElementsByTagName(“body”)方法所返回的数组中的第一个(也是唯一一个)元素: var body_element = document.getElementsByTagName(“body”)[0]; 现在,变量body_element已经指向了那个文档的body元素。接下来,可以用如下所示的语法记号把body元素的全体子元素检索出来: body_emelent.childNodes 写出这个记号显然要比敲入下面这个长长的字符串要简明得多: document.getElementsByTagName(“body”)[0].childNodes 顺便说一句,body元素还有一个更简单的专用记号: document.body

Posted in JavaScript | Tagged JavaScript | Leave a response

元宵节晚上睡不着看Javascript

By unicac on 2010年02月28日

元宵节晚上太吵了,鞭炮声、车鸣声,响成一片,难以入睡! 好久没看Javascript,也一直没进步! bluefish2.0 这个编辑器很好用的!bluefish本来在Linux下是一款很好的编辑器,没想到在win系统下也一样这么好用! bluefish下载地址:http://www.bennewitz.com/bluefish/stable/binaries/win32/ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>Shopping list</title></head><body> <h1>元宵节</h1> <p title="今天是元宵节">十五元宵节</p> <ul id="jiemu" title="title值即将被改变!"> <li id="huadeng">花灯</li> <li>鞭炮</li> <li id="tangyuan">汤圆</li> </ul> <p>好吵啊</p><script type="text/javascript">function unicac() { var paras = document.getElementsByTagName("li"); for (var i=0; i < paras.length;i++) { var title_text = paras[i].getAttribute("id"); if (title_text) alert(title_text); }}var yuanxiao = document.getElementById("jiemu");var change_jiemu = [...]

Posted in JavaScript | Tagged JavaScript, 学习 | 1 Response

jQuery二级菜单

By unicac on 2010年01月4日

无意中逛博客,逛到了MG12的博客,看见他博客中有这样的例子,所以就顺手拔了下来,收藏之,以备用,非常感谢。 用jQuery实现的三种效果的二级菜单 普通的导航菜单 淡出淡入效果的导航菜单 滚动效果的导航菜单 jQuery二级菜单下载 无聊一下:115的网盘真的很不错!

Posted in JavaScript, WEB++技术 | Tagged JavaScript, jQuery | Leave a response

百度有啊图片跳动效果

By unicac on 2009年12月31日

首先祝大家新年快乐,在2010年身体健康,工作顺利,房价快跌,工资多涨! 最近在帮客户做的一个页面里,客户要求了百度有啊里面的图片跳动效果(最下面店内推荐商品那里的两排图),本人技术有限,自己是写不出来了,就在网上找了这么一个效果!也是根据百度有啊的效果改的,挺好的,分享给大家。 下载地址:http://u.115.com/file/f4deac7cc 另外还共享一份HTML5_CSS3的ppt给大家,网名叫Adam前端开发工程师演讲的关于HTML5和CSS5的演讲PPT,这可是好东西啊,里面带有关于HTML5和CSS3 DEMO的链接! 下载地址:http://u.115.com/file/f4ca80c42d

Posted in JavaScript | Tagged JavaScript | Leave a response

JavaScript最重要的几种数据类型

By unicac on 2009年12月9日

JavaScript最重要的几种数据类型 字符串 字符包括字母、数字、标点符号和空格,字符串必须放在引号里(单引号或者双引号)。 数值 任意的数值,正数、负数,带小数点的数值(即:浮点数)。 布尔值 布尔数据只有两种可取值,即:true或者false。 注意:与字符串不懂,千万不要把布尔值用引号括起来 var abc = true; 与 var abc = "true"; 是完全不同的两回事!

Posted in JavaScript | Tagged JavaScript | Leave a response

【转】JavaScript—DOM编程核心

By unicac on 2009年10月9日

DOM Core常用部分: DOM方法 创建节点:createElement(),createTextNode() 复制节点:cloneNode() 插入节点:appendChild(),insertBefore 删除节点:removeChild() 替换节点:replaceChild() 查找节点:getAttribute(),getElementById(),getElementsByTagName,hasChildNodes 设置节点属性:setAttribute() DOM属性 节点的属性:nodeName,nodeType,nodeValue 遍历节点树:childNodes,firstChild,lastChild,nextSibling,parentNode,previousSibling 下面给出这部分的简要用法,做个索引似帮助文档 document.createElement(“节点名”):新建一个节点 document.createTextNode(“文本内容”):新建一个文本节点 节点.cloneNode(true|false):复制该节点,参数true则连同子结点一同复制,false则不复制子结点 节点.appendChild(子节点):在节点下添加子结点 父节点.insertBefore(新节点,参照点):在该父节点下的参照点前面插入新节点.通常父节点这样写:参照点.parentNode 父节点.removeChild(子结点):删除该父节点下指定的子结点,该子结点下的所有嵌套子结点都将被删除 父节点.replaceChild(新节点,旧节点):把该父节点下的指定子结点替换为新节点 节点.getAttribute(“属性名”):搜索指定节点的属性名,返回该属性的属性值 document.getElementById(“id名”):搜索文档中指定id名的节点,返回该节点对象 document.getElementsByTagName(“标签名”):搜索文档中指定标签名的节点,返回一个节点对象列表(数组),基数从0开始,具有length属性,表示数组长度 节点.hasChildNodes:该节点是否具有子结点,有,返回true,没有子结点返回false(比如文本节点和属性节点) 节点.setAttribute(“属性名”,”属性值”):为该节点添加属性,若该属性已经存在则刷新属性值 节点.nodeName:根据节点类型区分 元素节点:返回标签名(相当于tagName属性) 文本节点:返回#text 属性节点:返回属性名 节点.nodeType:返回节点类型,常用有一下三种: 元素节点:返回1 属性节点:返回2 文本节点:返回3 节点.nodeValue:返回节点当前的值,根据节点类型区分: 元素节点:返回null 属性节点:返回属性值 文本节点:返回文本内容 节点.childNodes:返回该节点下的所有一级子结点(前面有具体介绍过,这个属性在不同浏览器有不同解释) 节点.firstChild:返回该节点下的第一个子结点 节点.lastChild:返回该节点下的最后一个子结点 节点.nextSibling:返回该节点的下一个兄弟节点对象 节点.parentNode:返回该节点的父节点(肯定是一个元素节点,document节点的父节点为null) 节点.previousSibling:和nextSibling相对,返回该节点的上一个兄弟节点对象

Posted in JavaScript | Tagged JavaScript | Leave a response

JavaScript支持三种类型的对象

By unicac on 2009年08月21日

Javascript支持三种类型的对象: 一:JavaScript语言中的内置对象,如Date。 二:文档对象模型(Document Object Model, DOM)。这个对象表示了浏览器的多个组件和当前HTML文档。 三:自定义对象,这是自己创建的对象。

Posted in WEB++技术 | Tagged JavaScript | 3 Responses

javascript

By unicac on 2009年06月29日

javascript 没错,javascript!

Posted in WEB++技术 | Tagged JavaScript | Leave a response

日志分类

  • JavaScript
  • WEB++技术
  • 生活、情感与见闻

Archives

  • 2010 年八月
  • 2010 年七月
  • 2010 年六月
  • 2010 年五月
  • 2010 年四月
  • 2010 年三月
  • 2010 年二月
  • 2010 年一月
  • 2009 年十二月
  • 2009 年十一月
  • 2009 年十月
  • 2009 年九月
  • 2009 年八月
  • 2009 年七月
  • 2009 年六月