JavaScript 实例
🌙
手机阅读
本文目录结构
基础 JavaScript 实例
- 用 JavaScript 输出文本
- 用 JavaScript 改变 HTML 元素
- 一个外部 JavaScript
- 实例解析](js-howto.html)
JavaScript 语句、注释和代码块
- JavaScript 语句
- JavaScript 代码块
- JavaScript 单行注释
- JavaScript 多行注释
- 使用单行注释来防止执行
- 使用多行注释来防止执行
- 实例解析](js-statements.html)
JavaScript 变量
-
声明一个变量,为它赋值,然后显示出来
-
实例解析](js-variable.html)
JavaScript 条件语句 If … Else
- If 语句
- If…else 语句
- 随机链接
- Switch 语句
- 实例解析](js-if-else.html)
JavaScript 消息框
- Alert(警告)框
- 带有换行的警告框
- 确认框
- 提示框
- 实例解析](js-popup.html)
JavaScript 函数
- 函数
- 带有参数的函数
- 带有参数的函数 2
- 返回值的函数
- 带有参数并返回值的函数
- 实例解析](js-function.html)
JavaScript 循环
-
For 循环
-
循环输出 HTML 标题
-
While 循环
-
Do while 循环
-
break 语句
-
continue 语句
-
使用 For…In 声明来遍历数组内的元素
-
实例解析](js-loop-for.html)
JavaScript 事件
- onclick 事件
- onmouseover 事件
- 实例解析](js-htmldom-events.html)
JavaScript 错误处理
- try…catch 语句
- 带有确认框的 try…catch 语句
- onerror 事件
- 实例解析](js-errors.html)
高级 JavaScript 实例
- 创建一个欢迎 cookie
- 简单的计时
- 另一个简单的计时
- 在一个无穷循环中的计时事件
- 带有停止按钮的无穷循环中的计时事件
- 使用计时事件制作的钟表
- 创建对象的实例
- 创建用于对象的模板
JavaScript 应用实例
- javascript 幻灯片代码(含自动播放)
- CSS 日历样式
- JavaScript 弹窗 (/w3cnote/javascript-modals.html “JavaScript 弹窗”)
- JavaScript 图片弹窗
- JavaScript Lightbox
- javascript 搜索框自动提示
- JavaScript 表格数据搜索
- JavaScript 实现列表按字母排序
- JavaScript 实现表格单列按字母排序
- JavaScript 动画应用实例
- JavaScript 进度条实例
- JavaScript 百分比进度条
- JavaScript/CSS 实现提示弹窗
- JavaScript/CSS 实现待办事项列表 (To Do List)
- HTML CSS, JavaScript 计算器
- HTML、CSS、JavaScript 实现下拉菜单效果
- JS/CSS 各种操作信息提示效果
- JS/CSS 在屏幕底部弹出消息 (snackbar)
- JS/CSS 登录表单
- JS/CSS 注册表单
- JavaScript 计算器(倒计时)
- JS/CSS 菜单按钮切换(打开 / 关闭)
- JS/CSS 手风琴动画效果
- JS/CSS 带图标手风琴动画效果
- JS/CSS 选项卡
- JS/CSS 选项卡 – 淡入效果
- JS/CSS 选项卡 – 设置默认选项
- JS/CSS 选项卡 – 设置关闭按钮
- JS/CSS 选项卡 – 垂直方向
- JS/CSS 选项卡 – 幻灯片效果
- JS/CSS 响应式顶部导航样式实例
- JS/CSS 侧边栏动画实例
- JS/CSS 侧边栏动画实例 - 页面主体内容向右移动
- JS/CSS 侧边栏动画实例 - 页面主体内容黑色透明背景
- JS/CSS 全屏幕侧边栏
- JS/CSS 侧边栏 - 无动画效果
- JS/CSS 右侧侧边栏
- JS/CSS 全屏幕导航 – 从上到下动画
- JS/CSS 点击式下拉菜单
- JS/CSS 点击式下拉菜单 - 右对齐
- JS/CSS 点击式导航栏下拉菜单
- JS/CSS 下拉菜单可进行搜索 / 过滤操作
- JS 联想、自动补齐功能
- JavaScript 按下回车 (Enter) 键触发按钮点击事件
- JavaScript 创建一个菜单搜索
- Javascript 判断是移动端浏览器还是 PC 端浏览器
- JavaScript 判断是否微信浏览器