“Javascript基础”的版本间的差异
来自CloudWiki
(→JavaScript 对象) |
(→Ajax初步) |
||
(未显示同一用户的22个中间版本) | |||
第39行: | 第39行: | ||
== 流程控制语句 == | == 流程控制语句 == | ||
===消息对话框=== | ===消息对话框=== | ||
− | *[[Javascript | + | *[[Javascript 弹窗]] |
*[[JS案例:打开页面,首先弹出一个问候对话框]] | *[[JS案例:打开页面,首先弹出一个问候对话框]] | ||
− | |||
*[[JS案例:在对话框中通过单击不同按钮来显示不同的内容]] | *[[JS案例:在对话框中通过单击不同按钮来显示不同的内容]] | ||
− | |||
*[[JS案例:根据提示输入内容并且在页面上显示]] | *[[JS案例:根据提示输入内容并且在页面上显示]] | ||
第149行: | 第147行: | ||
*[[JS案例:通过for...in语句循环访问对象的属性]] | *[[JS案例:通过for...in语句循环访问对象的属性]] | ||
− | |||
− | |||
===数组对象=== | ===数组对象=== | ||
第188行: | 第184行: | ||
===DOM对象=== | ===DOM对象=== | ||
*[[什么是DOM]] | *[[什么是DOM]] | ||
− | *[[DOM的节点树] | + | *[[DOM的节点树]] |
*[[DOM的节点类型]] | *[[DOM的节点类型]] | ||
− | + | *[[DOM对象的分类]] | |
− | |||
===访问DOM对象=== | ===访问DOM对象=== | ||
+ | *[[访问HTML当前页面指定元素的方法]] | ||
+ | *[[JS案例:动态显示实时时间]] | ||
+ | *[[JS案例:获取当前页面上所有的超链接]] | ||
*[[访问集合对象的方法]] | *[[访问集合对象的方法]] | ||
+ | *[[JS案例:访问当前HTML文档中特定的标签名]] | ||
*[[JS案例:显示当前HTML文档中所有的标签名]] | *[[JS案例:显示当前HTML文档中所有的标签名]] | ||
− | + | ||
− | *[[ | + | ===改变DOM对象=== |
− | *[[ | + | *[[JavaScript HTML DOM - 改变HTML]] |
+ | *[[JavaScript HTML DOM - 改变CSS]] | ||
===操纵DOM对象=== | ===操纵DOM对象=== | ||
− | *[[ | + | *[[操作DOM元素节点]] |
*[[JS案例:页面上显示欢迎词]] | *[[JS案例:页面上显示欢迎词]] | ||
− | |||
*[[JS案例: 删除当前页面上所有的水平线]] | *[[JS案例: 删除当前页面上所有的水平线]] | ||
− | *[ | + | *[[JS案例:实现复制菜单示例]] |
− | |||
− | |||
*[[JS案例:将当前页面上第一个元素移到末尾]] | *[[JS案例:将当前页面上第一个元素移到末尾]] | ||
− | |||
*[[JS案例:替换元素节点示例]] | *[[JS案例:替换元素节点示例]] | ||
*[[JS综合案例:创建根据不同来宾显示不同内容的欢迎栏]] | *[[JS综合案例:创建根据不同来宾显示不同内容的欢迎栏]] | ||
+ | |||
+ | *扩展:[https://www.runoob.com/htmldom/htmldom-tutorial.html HTMLDOM教程] | ||
==事件及事件处理== | ==事件及事件处理== | ||
+ | ===事件的概念=== | ||
*[[事件的概念]] | *[[事件的概念]] | ||
+ | *[[事件的绑定]] | ||
*[[JS案例:单击页面上两个按钮,显示不同的问候语]] | *[[JS案例:单击页面上两个按钮,显示不同的问候语]] | ||
*[[JS案例:使用动态绑定显示问候语]] | *[[JS案例:使用动态绑定显示问候语]] | ||
第224行: | 第224行: | ||
*[[JS综合案例:实现打分评价]] | *[[JS综合案例:实现打分评价]] | ||
+ | ===事件对象=== | ||
+ | *[[Event对象和事件流]] | ||
+ | *[[JS案例:显示触发事件]] | ||
+ | *[[JS案例:阻止事件的默认行为]] | ||
+ | |||
+ | ===处理鼠标事件=== | ||
+ | *[[Javascript 事件的处理]] | ||
+ | *[[JS案例:鼠标移入和移出时在页面显示不同的图形]] | ||
+ | |||
+ | ===处理键盘事件=== | ||
+ | *[[Javascript 事件的处理]] | ||
+ | *[[JS案例:按下不同按键时显示不同内容的对话框]] | ||
+ | |||
+ | ===处理页面事件=== | ||
+ | *[[Javascript 事件的处理]] | ||
+ | *[[JS案例:网页加载时对图片进行缩小设置]] | ||
+ | *[[JS案例:取消组合键的全选功能]] | ||
+ | |||
+ | ===处理文本编辑事件=== | ||
+ | *[[Javascript 事件的处理]] | ||
+ | *[[JS案例:页面显示鼠标指向的单词]] | ||
+ | *[[JS案例:禁止复制粘贴方式输入密码]] | ||
+ | |||
+ | *[[JS综合案例:显示按钮的说明性文字]] | ||
+ | *[[JS综合案例:实现返回首页、后退和前进按钮示例]] | ||
− | == | + | ==Ajax初步== |
− | + | ===什么是Ajax=== | |
− | + | *[[Ajax简介]] | |
− | === | + | ===Ajax编程基础=== |
− | |||
− | === | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | == | + | ===Ajax应用案例=== |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
==JavaScript 相关 == | ==JavaScript 相关 == |
2020年2月13日 (四) 10:35的最新版本
目录
Javascript是什么
JavaScript 语言基础
数据类型
变量与常量
运算符
流程控制语句
消息对话框
注释
条件分支语句
- JavaScript If...Else 语句
- JS案例:通过if...else语句判断两个数中的最大值
- JS案例:判断今天是星期几
- JavaScript switch 语句
- JS案例:通过switch语句判断今天是星期几
- if语句嵌套
- JS案例:根据成绩给出学生的考评等级
循环控制语句
- JavaScript for 循环
- JS案例:通过for循环求1到100的累加和
- JavaScript while 循环
- JS案例:通过while循环求1到100的奇数累加和
- JS案例:通过do...while循环求1到100的偶数累加和
- JavaScript 循环语句嵌套
- JS案例:输出由“*”组成的直角三角形图案
- JavaScript Break 和 Continue 语句
- JavaScript typeof, null, 和 undefined
- JS案例:通过continue 和break来控制程序是否继续运行
JavaScript 调试
JavaScript函数
什么是函数
预定义函数
函数的创建
函数的调用
函数的参数和返回值
函数的变量作用域
函数的嵌套
JavaScript 对象
面向对象设计思想
内置对象
自定义对象
数组对象
BOM和DOM
Window对象
Document对象
DOM对象
访问DOM对象
- 访问HTML当前页面指定元素的方法
- JS案例:动态显示实时时间
- JS案例:获取当前页面上所有的超链接
- 访问集合对象的方法
- JS案例:访问当前HTML文档中特定的标签名
- JS案例:显示当前HTML文档中所有的标签名
改变DOM对象
操纵DOM对象
- 扩展:HTMLDOM教程
事件及事件处理
事件的概念
事件对象
处理鼠标事件
处理键盘事件
处理页面事件
处理文本编辑事件
Ajax初步
什么是Ajax
Ajax编程基础
Ajax应用案例
JavaScript 相关
JavaScript 错误 - throw、try 和 catch
JavaScript 调试
JavaScript 变量提升
JavaScript 使用误区
JavaScript 表单
JavaScript 表单验证
JavaScript 保留关键字
JavaScript JSON
javascript:void(0) 含义
JavaScript 代码规范
JavaScript 输出
http://www.runoob.com/js/js-output.html
高级 JavaScript 实例
JavaScript 应用实例
参考文档: [1] http://www.runoob.com/js/js-intro.html