nianshi 发表于 2013-1-29 11:50:08

JS基础教程

菜鸟的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实现连续滚动
页: [1]
查看完整版本: JS基础教程