
javascript学习笔记
文章平均质量分 72
S117
这个作者很懒,什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
javascript事件学习笔记
1、事件 当我们于浏览器中的页面进行交互的时候,事件就发生了!时间可能是我们在页面某个元素上单击鼠标,按下键盘按键或者加载一个页面,改变一个页面大小等等。2、事件顺序 事件顺序是指javascript中事件的传播顺序,当我们在一个元素上单击鼠标的时候,就会发生鼠标单击事件,这个鼠标单击事件在javascript中会向其他元素传播,基本上有两种传播方式,一种是冒泡,传说这是I原创 2012-08-07 21:19:06 · 271 阅读 · 0 评论 -
javascript 简单实现map操作
上午有些闲着无聊,写点js打发时间,偶然想到原生javascript中并没有Map这种数据类型,就自己动手写了个简单的Map类,也许自己以后会用的上,使用时把下面这个JS文件导入,然后 var map = new Map()就可以了( function(){ var obj = {}; Map = function(){ } /** *将指定的值与原创 2013-06-07 11:09:45 · 454 阅读 · 0 评论 -
js + css 实现一个简单的柱状图
在做项目的时候,经常会画各种统计图,柱状图就是其中之一,以前一直都是用第三方插件来实现的,突然自己想能不能用所学的知识做一个简单的玩玩,嘿嘿,还不难,虽然简陋,但也基本实现啦!常动手,对提高自己编程能力有好处! 柱状图 var bar = new Bar("bar"); bar.setData(原创 2013-06-05 22:46:38 · 1051 阅读 · 1 评论 -
使用clip属性实现动画效果
用过jquery的人可能会知道,jquery有个动画效果,可以让元素实现淡入淡出效果,其实简单的使用css的clip属性,自己也可以实现这个效果,做个小DEMO玩玩 div{ background-color: red; width:100px; height:100px; position:absolute;原创 2013-05-30 22:31:32 · 319 阅读 · 0 评论 -
javascript 实现滚动条到底的效果
前几天需要实现一个类似QQ空间或者微博那种滚动条拉到底,然后自动加载的效果,自己努力了好几天,在加上在参考了下其他网友的实现,终于初步可以了,现在将思路贡献出来,供有需要的参考下!代码如下: 滚动条到底 window.onscroll = function() { if (document.addEventListener) {原创 2013-04-25 13:18:34 · 304 阅读 · 0 评论 -
简单的JS二级联动菜单
看见别人写了一个有关二级联动菜单的demo,自己闲着无事,也写了一个,功能很简单,供大家参考,也算自己复习下JSjava代码package com.text.ajaxmenu.servlet;import java.io.IOException;import java.io.PrintWriter;import java.util.HashMap;import java.ut原创 2013-02-01 14:10:47 · 894 阅读 · 0 评论 -
javascript实现简单的table排序功能
闲着无聊,写了个简单的表格排序的demo,demo很简单,供诸位参考之用js代码:( function (){ var editTable = null; var obj =new Object(); var isSort = false; /** *构造函数 */ Table = function(id){ if(typeof id == 'st原创 2013-01-15 10:47:33 · 320 阅读 · 0 评论 -
javascript实现可编辑表格
在做前端页面时,经常会遇到要用到可编辑表格的需求,网上有很多的JS插件可以实现这个功能,其原理一般就是,在双击/单击的时候,获取事件发生的节点,然后生成一个input输入框,当input失去焦点的时候,再生成一个文本节点,替换掉原来的input输入框,根据这个原理,自己试着写了一个demo玩玩首先是js代码:( function(){ var table = null; /**原创 2013-01-14 14:13:06 · 752 阅读 · 0 评论 -
使用javascript遍历内容未知的JSON数据
今天看网上有关JSON的教程的时候,看到都是在知道JSON的内容的前提下,怎么来处理这个JSON的数据,例如有一个JSON数据是这样的: { "people": [ { "firstName": "Brett", "lastName": "McLaughlin", "email":原创 2012-07-31 22:23:58 · 1991 阅读 · 0 评论 -
简单的javascript拖拽示例
利用javascript来做拖转,如果忽略很多细节,实现起来很简单,但人们都说细节才是最重要的,我也是刚自学javascript不久,对于拖拽的很多细节我自己也不是很清楚,我只知道在鼠标按下时记录下鼠标位置和元素位置,鼠标移动时元素跟着移动,当松开鼠标按键的时候,拖拽完成,我绝对对我我们初学者来说,过于关注细节会带来一种恐惧,让人渐渐失去学习的兴趣,反而不如先忽略一些细节,把demo做出来,这样对原创 2012-08-06 15:41:07 · 265 阅读 · 0 评论 -
javascript数组的简单操作
javaScript的数组对象用于存储一组相关联的变量。1、定义数组: 在javascript中可以采用如下几种方式定义一个数组, 1.1 var array = new Array();此时定义一个长度为0的数组,在javascript中,数组的元素是可以动态扩展的,像这样的数组,依然可以采用如下方式赋值,而不会发生数组越界的错误 array[0] = 1, ar原创 2012-07-25 10:26:24 · 241 阅读 · 0 评论 -
在javascript中实现get和set方法
在javascript中,如果在类的内部声明一个变量,那么这个变量的访问权想就个Java中的private一样,你无法直接访问它,例如:function Person(){ var name = ""; var age = "";}在这里我们定义了一个 Person类,并且在类中声明了两个方法,现在我们来实例化一个Person对象,代码如下:var person =原创 2012-07-30 16:37:48 · 976 阅读 · 0 评论 -
利用AJAX实现类似百度自动补全
今天看了一天的额AJAX,晚上回到家,想做个类似于百度搜索自动补全的功能,本人javascript功底很差,正在自学,并且也比较懒。只是做了个简单的DEMO自娱自乐,算是给自己的一点鼓励,没有任何实际用途,如果对看这篇文章的人能稍微有点提示,将是我最大的收获JSP代码如下:<%@ page language="java" import="java.util.*" pageEncoding=原创 2012-07-19 22:24:59 · 1440 阅读 · 0 评论 -
使用匿名函数实现 javascript的命名空间
命名空间是一种代码隐藏机制,可以防止你写的类、变量、方法之类的和其他人或者应用的JS框架发生冲突,例如,你想写一个$()函数,用于实现你自己想要的功能,但是当你使用Jquery的时候,就会和他的$()这个函数发生冲突,使用命名空间在多人协作开发的时候尤其有用,但是原生态的javascript并不支持命名空间,不过可以通过匿名函数机制来实现伪命名空间机制,要声明一个匿名函数很简单,例如:(原创 2012-07-26 09:26:00 · 495 阅读 · 0 评论 -
简单的javascript日期选择控件
以前在做项目的时候经常需要进行日期操作,于是乎到处找哦日期操作控件,看到别人写的日期控件感觉很羡慕,没办法,当初不会javascript,只有羡慕的份了,目前抽了点时间看下javascript,也试着模仿写着一个日期控件,虽然写的很简陋,但是能写出来,心里还是很高兴的!JS代码:(function(){ var calendarDiv = null; var year = 0;原创 2012-08-03 09:00:10 · 572 阅读 · 0 评论 -
利用函数返回值实现连续操作
今天突然想到一个问题,我怎么才能实现对一个对象的连续操作呢,就像这样: var root = new Root("00") root.createChild("11").createChild("22").createChild("33");当然,我的语言组织能力有限,也不知道该形容这种操作更合适,总之,我的意思是:1、我要定义一个根节点00;2、我要在根节点00下创建子节原创 2012-08-06 12:00:09 · 181 阅读 · 0 评论 -
利用javascript实现一个很简单的打字游戏
其实使用javascript做一个基本的打字游戏很简单,大概思路如下:1、首先使用26个英文字母定义一个字符串数组;2、每次随机从数组中取出一个值,然后以这个值为ID,使用document.getElementById方法查找当前页面中没有有以这个值为Id的div,如果有,则重新取值,如果没有,则以这个值为div的ID和内容构建一个DIV,然后添加到页面中;3、使用一个计时器,控制di原创 2012-07-23 10:19:37 · 966 阅读 · 0 评论 -
javascript中的传值和传址
javascript和其他编程语言一样,有三种方式可以操作一个数据值:第一种是复制,也就是说你可以把一个数据值复制给另外一个变量,例如var a = 1;var a = b;在上例中,就是把a的值复制给了b。第二种是传递,也就是说你可以把一个数据值传递给一个函数或者方法,例如var a = 1;function changeValue(arg){ re原创 2012-07-24 12:00:53 · 288 阅读 · 0 评论 -
一道简单的JS题目
有一道JS题目,代码如下: var loacl = "out"; function test(){ alert(loacl); var loacl = "inner"; } test();问题是alert会输出什么?也许大多人第一眼看到那都会认为alert输出的是“out”,但是当把程序运行起来,发现输出的是“undefined”!很吃惊吗?为什么会输出“un原创 2013-07-29 10:09:39 · 299 阅读 · 0 评论