javascript
athrunzero
一入IT神似海,再回首已是百年身
展开
-
博客搬家了
博客搬家了,以后 CSDN 的博客不在更新了,请大家访问最新的地址:http://www.cnblogs.com/yjzhu/原创 2012-11-15 10:04:05 · 510 阅读 · 0 评论 -
重新认识parseInt函数
前段时间做了一个简易的计算器,其中有用到利用parseInt函数,将字符串转换成数字。由于以前并没有系统的学习过parseInt这个函数,所以在制作的过程中遇到了一些问题。打开电脑自带的计算器可以发现,有个默认的数字0,当点击下面的数字会相应的改变,因为输入框中显示的数字的类型是字符串,所以在进行运算符运算的时候需要转成数字,于是就用到了parseInt函数,同时问题也就出现了。点击0-7数字原创 2012-08-23 12:26:47 · 667 阅读 · 0 评论 -
浅谈DOM(一)
今天我们来了解下DOM的一些基础知识。DOM节点1、childNodes返回节点的所有子节点的集合 childNodes 111 222 333 window.onload = function(){ var oUl = document.getElementById('ul1'); alert(oUl.childNodes.le原创 2012-08-31 15:04:22 · 616 阅读 · 0 评论 -
Event对象(一)
1、什么是event对象所谓的event对象,就是用来获取事件的详细信息:鼠标位置(clientX,clientY),键盘事件(keyCode)举个例子:获取鼠标位置:clientX,clientY 获取鼠标位置 document.onclick = function(){ alert('横坐标:' + event.clientX + ' ,纵坐标:' +原创 2012-09-21 14:24:36 · 644 阅读 · 0 评论 -
Event对象(二)
1、默认行为什么是默认行为?不需要我们编写,浏览器自带的功能,就是默认行为。像右键菜单。有时候我们需要阻止默认行为:return false; 例如,阻止右键菜单: 阻止右键菜单 document.oncontextmenu = function(){ return false;}2、拖拽原理:通过鼠标与DIV左上角的距离来判断。用到的事件:o原创 2012-09-24 14:45:54 · 387 阅读 · 0 评论 -
文字或图片上下滚动
html代码如下: 文字或图片上下滚动 ul{height:210px;overflow:hidden;} li{line-height:20px;} 1111111111 2222222222 3333333333 4444444444 5555555555 6666666666 7777777777 8888888888 9原创 2012-07-24 14:04:03 · 2245 阅读 · 0 评论 -
cookie基础
一、什么是cookiecookie就是页面用来保存信息,比如自动登录、记住用户名等等。二、cookie的特点1、同一个网站中所有的页面共享一套cookie2、cookie有数量、大小限制3、cookie有过期时间三、如何在js中使用cookiedocument.cookiedocument.cookie = 'username = abc';document.原创 2012-09-13 16:21:38 · 552 阅读 · 0 评论 -
Web前端研发工程师编程能力飞升之路
【前言】所谓的天才,只不过是比平常人更快的掌握技能、完成工作罢了;只要你找到了正确的方向,并辅以足够的时间,你一样能够踏上成功彼岸。本文将web前端研发编程能力划分了八个等级,每个等级都列举出了对应的特征及破级提升之方法,希望每位在看本文的同学先准确定位自己的等级(不要以你目前能力的最高点,而是以你当前能力的中档与之等级作对比,以免多走弯路),参考突破之法破之。所谓的级别,只是你面转载 2012-09-17 11:35:02 · 1046 阅读 · 0 评论 -
数组对象常用API
concat()连接两个或多个数组,并返回结果var a = [1,2,3];var b = a.concat(6,7);console.log(a); //[1,2,3]console.log(b); //[1,2,3,6,7]join(str)把数组的所有元素用str分隔,默认逗号分隔var a = [1,2,3]var b = a.join('原创 2012-10-09 11:08:48 · 1247 阅读 · 0 评论 -
图片左右滚动(可自动,有左右按钮)
图片左右滚动(可自动,有左右按钮)html代码如下: 图片滚动 *{margin:0;padding:0;} ul{list-style:none;} img{border:0;} .scroll{width:358px;height:63px;} .scroll_left{width:23px;height:63px;background:url(images原创 2012-07-25 16:09:08 · 11999 阅读 · 0 评论 -
浅谈BOM
今天我们来了解下BOM的一些基础。一、window.open() 方法及相关参数在这里我只介绍两个参数。第一个参数是URL,声明了要打开的地址。第二个参数是 target,它有几种选择:_self 在自身窗口打开、_blank 在新开窗口打开 open window.onload = function(){ var oBtn = document.ge原创 2012-09-05 14:44:10 · 698 阅读 · 0 评论 -
Ajax基础
今天我们来了解下Ajax什么是AjaxAjax即“Asynchronous JavaScript and XML”(异步JavaScript和XML)。说白了就是无刷新数据读取。HTTP请求首先我们需要了解下HTTP请求的方法(GET和POST)GET——用于获取数据(如:浏览帖子)GET是在url里传数据,它的安全性低,容量低POST——用于上传数据(如:用户注册原创 2012-09-18 13:52:00 · 832 阅读 · 3 评论 -
String对象常用API
concat(str1,str2,···)连接字符串indexOf(str,start)返回 str 在字符串中首次出现的位置var str = "hello world";str.indexOf("hello"); // 0str.indexOf("o",5); // 7str.indexOf("World"); // -1lastIndexOf(str,原创 2012-10-09 12:24:48 · 984 阅读 · 0 评论 -
如何获取非行间样式
我们知道可以通过 obj.style.display = 'block' 来控制块级元素的显示和隐藏,当然 style 还有许多的属性比如width,height等等。但是style只能控制行间样式即这种,而一般我们的样式都写在某个样式表中style.css,这时候 style 就获取不了属性值,只能改变属性值。 test #div1{width:100px;backg原创 2012-08-28 14:28:18 · 823 阅读 · 0 评论 -
浅谈DOM(二)
在学习了解了DOM的基础知识后,我们来看下如何进行DOM的操作。首先,我们先了解下操作元素属性有哪几种方法:xxx.style.background = 'red'xxx.style['background'] = 'red'DOM方式前两种方法我就不说了,大家应该很熟悉了,我就说说DOM方式。1、getAttribute获取指定元素的属性的值原创 2012-08-31 17:29:58 · 685 阅读 · 0 评论 -
如何让javascript支持getElementsByClassName
我们知道,在javascript中有几种DOM方法可以获取元素的节点,常用的有getElementById,getElementsByName,getElementsByTagName。但是我们在写页面时,用的最多的还是class,而javascript中缺没有getElementsByClassName方法,很让人纠结(在html5中已经可以使用该方法)。下面我们就通过已有的DOM方法来写个原创 2012-03-26 11:34:04 · 2216 阅读 · 2 评论