JS基础教程

nianshi

菜鸟的Javascript笔记




什么是Javascript？入门javascript有什么用处？

简单的说。首先，入门级别的Javascript可以让你的网页动起来，可以做网页特效。其二，Javascript可以辅助后台做一些信息的检验。比如信箱格式是否合法等等。值得一提的是javascript还是AJAX的关键部分。如果心急的话，可以马上看看JavaScript可以干什么。
复杂点说：Javascript是由Netscape公司创造的一种脚本语言。它曾经几次改名，最终才定为javascript。作为一门独立的编程语言，javascript自然可以做很多的事情，不过它最主流的应用还是在Web上——创建动态网页(许多人喜欢叫网页特效)。Javascript目前在网络上应用十分广泛，几乎所有的动态网页里都能找到它的身影。目前流行的AJAX从很大程度上也是依赖于Javascript而存在的。
学习javascript的基础

在学习javascript之前您应该已经掌握了HTML/XHTML，最好也掌握了CSS。只要稍稍懂一点就好。
和小菜鸟一起学习Javascript？菜鸟的JS笔记目录

• JavaScript笔记第0节
  
• 将JavaScript 插入网页的方法
  
• 插入JavaScript的位置
  
• JavaScript 语句
  
• JavaScript 注释
  
• JavaScript 变量
  
• JavaScript操作符
  
• JavaScript if else语句（如果，否则）
  
• JavaScript Switch语句
  
• JavaScript 弹出框
  
• JavaScript 函数
  
• JavaScript For 循环
  
• JavaScript While循环
  
• JavaScript Break 与 Continue
  
• JavaScript For...In循环
  
• JavaScript事件
  
• JavaScript 调试
  
• JavaScript 特殊字符
  
• JavaScript 指导准则
  
• JavaScript 笔记小结
  

HTML DOM简介

<!--  #BeginLibraryItem "/Library/HTML DOM.lbi" -->

• DOM可以做什么？
  
• DOM的结构
  
• 访问DOM节点1——getElementById()
  
• 访问DOM节点2——getElementsByTagName()
  
• 访问DOM节点3——通过节点关系
  
• DOM节点信息
  
• DOM信息nodeType的应用
  
• 修改DOM——innerHTML
  
• 删除DOM节点——removeChild
  
• 添加DOM节点
  
• DOM简介总结
  

<!--  #EndLibraryItem -->JavaScript对象笔记

<!--  #BeginLibraryItem "/Library/JavaScript对象.lbi" -->   

• JavaScript对象简介
  
• JavaScript字符串对象
  
• JavaScript date()
  
• JavaScript数组
  
• JavaScript 数学对象
  
• JavaScript函数对象
  
• JavaScript更多
  

<!--  #EndLibraryItem --><!--  #BeginLibraryItem "/Library/JavaScript正则.lbi" -->JavaScript正则表达式

• JavaScript正则表达式
  
• JavaScript正则表达式(PDF格式)
  
• 经典JavaScript正则表达式实战
  
• 经典JavaScript正则表达式实战(PDF格式)
  
• JavaScript正则表达式测试工具
  

<!--  #EndLibraryItem --><!--  #BeginLibraryItem "/Library/JavaScript面向对象.lbi" -->JavaScript面向对象编程

• JavaScript面向对象编程
  
• JavaScript中对象的层次与继承(翻译)
  
• 面向对象中的setTimeout——淘宝笔试题
  

<!--  #EndLibraryItem --><!--  #BeginLibraryItem "/Library/Ajax笔记.lbi" -->菜鸟的Ajax笔记

• 菜鸟的Ajax笔记——简介
  
• XMLHttpRequest对象
  
• 处理Ajax响应1——innerHTML
  
• 处理Ajax响应2——XML
  
• Ajax请求参数，get与post
  
• Ajax表单验证：用户名是否存在
  
• Ajax请求header
  
• Ajax级联下拉列表
  

<!--  #EndLibraryItem -->菜鸟的jQuery笔记

• 菜鸟的jQuery笔记首页
  

JavaScript实例

<!--  #BeginLibraryItem "/Library/JavaScript实例.lbi" -->

• 用javascript修改html元素的class
  
• JavaScript重定向
  
• JavaScript对象当作关联数组
  
• JavaScript弹出窗口以及窗口间的通信
  
• JavaScript显示信息实例
  
• 用JavaScript批量访问HTML元素
  
• 分离JavaScript与HTML
  
• JavaScript计算器实例
  
• JavaScript的Math对象计算器
  
• JavaScript改变HTML元素的位置
  
• JavaScript动画
  
• JavaScript动画函数
  
• JavaScript拖拽
  
• JavaScript拖拽2——多元素、分离JS
  
• JavaScript拖拽3——解决快速拖拽的问题
  
• addEventSimple函数，添加事件响应函数的方法
  
• addEventSimple观察鼠标事件
  
• JavaScript click事件深入
  
• JavaScript事件来源元素
  
• JavaScript修改与访问CSS
  
• JavaScript拖拽4——获得元素的位置
  
• JavaScript拖拽5——性能优化
  
• DOM Scripting相册
  
• DOM Scripting斑马表格
  
• DOM Scripting动画切图
  
• JavaScript颜色渐变
  
• JavaScript拖拽6——修复错误
  

<!--  #EndLibraryItem --><!--  #BeginLibraryItem "/Library/JavaScript蓝色1.lbi" -->经典论坛JavaScript学习总结

• JavaScript制作移动的文字
  
• JavaScript实现随机的背景颜色
  
• 鼠标不移动就跳转到指定页面
  
• 占满屏幕的弹出窗口
  
• JavaScript访问弹出窗口的弹出窗口
  
• JavaScript函数中再定义函数
  
• JavaScript检查文本框的值为空禁用按钮
  
• JavaScript实现在指定窗口打开网址
  
• JavaScript实现联动的下拉菜单
  
• JavaScript滚动到底部、禁止刷新
  
• 下拉菜单式的友情链接列表
  
• JavaScript检测页面是否刷新过
  
• 屏蔽JavaScript的“网页上有错误”
  
• JavaScript实现的文本框联动
  
• 单选框控制表单的隐藏和显示
  
• JavaScript显示日期和时间
  
• JavaScript confirm应用实例
  
• 文本框获得焦点并删除原内容
  
• JavaScript tooltip效果
  
• JavaScript获取来源域名
  
• JavaScript事件的键值keyCode
  
• 用JavaScript禁止在表单内输入指定字符
  
• JavaScript eval遍历元素的使用
  
• JavaScript统计字符串内字符出现次数
  
• JavaScript实现鼠标跟随元素
  
• JavaScript实现文本过长自动省略
  
• JavaScript实现后退一页
  
• JavaScript实现按钮禁用指定时间
  
• JavaScript的undefined与null
  
• JavaScript滚动新闻
  
• 不同分辨率，不同的CSS样式
  
• 只能看不能改的select元素
  
• JavaScript实现顶端的大广告
  
• JavaScript控制链接在新窗口打开
  
• 载入时的loading等待效果
  
• JavaScript滚动文本
  
• JavaScript统计执行时间
  
• JavaScript倒置字符串
  
• JavaScript的全选效果
  
• JavaScript随机图片
  
• JavaScript切换文档样式表
  
• JavaScript字符串与Unicode 码
  
• JS特殊字符输出工具
  
• 双击后自动滚屏
  
• eval函数的应用
  
• JavaScript错误
  
• 用JavaScript获得网页的大小
  
• JavaScript限制复选框的最大可选数
  
• 模仿桌面软件的弹出消息
  
• JavaScript实现连续滚动