小白教程
所有教程
关于
Search
172.70.34.166
172.70.34.166
参数设置
贡献
退出
操作
编辑
移动
保护
信息
历史
删除
查看“JavaScript 实例”的源代码
本页内容
上一节:
JavaScript_测试_Prototype
下一节:
JavaScript_对象实例
因为以下原因,您没有权限编辑本页:
您请求的操作仅限属于该用户组的用户执行:
用户
您可以查看和复制此页面的源代码。
{{DISPLAYTITLE:JavaScript 实例}}[[Category:Javascript 教程|77]] == 基础 JavaScript 实例 == * [[try.php?filename=tryjs_write|用JavaScript输出文本]] * [[try.php?filename=tryjs_dom|用JavaScript改变HTML元素]] * [[try.php?filename=tryjs_externalexample|一个外部JavaScript]] * [[js howto|'''实例解析''']] == JavaScript 语句、注释和代码块 == * [[try.php?filename=tryjs_statements|JavaScript 语句]] * [[try.php?filename=tryjs_blocks|JavaScript 代码块]] * [[try.php?filename=tryjs_comments1|JavaScript 单行注释]] * [[try.php?filename=tryjs_comments2|JavaScript 多行注释]] * [[try.php?filename=tryjs_comments3|使用单行注释来防止执行]] * [[try.php?filename=tryjs_comments4|使用多行注释来防止执行]] * [[js statements|'''实例解析''']] == JavaScript 变量 == * [[try.php?filename=tryjs_variable|声明一个变量,为它赋值,然后显示出来]] * [[js variable|'''实例解析''']] == JavaScript 条件语句 If ... Else == * [[try.php?filename=tryjs_ifthen|If 语句]] * [[try.php?filename=tryjs_ifthenelse|If...else 语句]] * [[try.php?filename=tryjs_randomlink|随机链接]] * [[try.php?filename=tryjs_switch|Switch 语句]] * [[js if else|'''实例解析''']] == JavaScript 消息框 == * [[try.php?filename=tryjs_alert|Alert(警告)框]] * [[try.php?filename=tryjs_alert2|带有换行的警告框]] * [[try.php?filename=tryjs_confirm|确认框]] * [[try.php?filename=tryjs_prompt|提示框]] * [[js popup|'''实例解析''']] == JavaScript 函数 == * [[try.php?filename=tryjs_function1|函数]] * [[try.php?filename=tryjs_function2|带有参数的函数]] * [[try.php?filename=tryjs_functionarg2|带有参数的函数 2]] * [[try.php?filename=tryjs_function_return2|返回值的函数]] * [[try.php?filename=tryjs_function_return|带有参数并返回值的函数]] * [[js function|'''实例解析''']] == JavaScript 循环 == * [[try.php?filename=tryjs_fornext|For 循环]] * [[try.php?filename=tryjs_fornext_header|循环输出 HTML 标题]] * [[try.php?filename=tryjs_while|While 循环]] * [[try.php?filename=tryjs_dowhile|Do while 循环]] * [[try.php?filename=tryjs_break|break 语句]] * [[try.php?filename=tryjs_continue|continue 语句]] * [[try.php?filename=tryjs_object_for_in|使用 For...In 声明来遍历数组内的元素]] * [[js loop for|'''实例解析''']] == JavaScript 事件 == * [[try.php?filename=tryjs_events|onclick事件]] * [[try.php?filename=tryjs_imagemap|onmouseover 事件]] * [[js htmldom events|'''实例解析''']] == JavaScript 错误处理 == * [[try.php?filename=tryjs_try_catch|try...catch 语句]] * [[try.php?filename=tryjs_try_catch2|带有确认框的 try...catch 语句]] * [[try.php?filename=tryjs_onerror|onerror 事件]] * [[js errors|'''实例解析''']] == 高级 JavaScript 实例 == * [[try.php?filename=tryjs_cookie_username|创建一个欢迎 cookie]] * [[try.php?filename=tryjs_timing1|简单的计时]] * [[try.php?filename=tryjs_timing2|另一个简单的计时]] * [[try.php?filename=tryjs_timing_infinite|在一个无穷循环中的计时事件]] * [[try.php?filename=tryjs_timing_stop|带有停止按钮的无穷循环中的计时事件]] * [[try.php?filename=tryjs_timing_clock|使用计时事件制作的钟表]] * [[try.php?filename=tryjs_create_object1|创建对象的实例]] * [[try.php?filename=tryjs_create_object2|创建用于对象的模板]] == JavaScript 应用实例 == * [[javascript slideshow|javascript 幻灯片代码(含自动播放)]] * [[css calendar style|CSS 日历样式]] * [[javascript modals|JavaScript 弹窗]] * [[javascript image modal|JavaScript 图片弹窗]] * [[javascript lightbox|JavaScript Lightbox]] * [[javascript search auto tip|javascript 搜索框自动提示]] * [[javascript table search filter|JavaScript 表格数据搜索]] * [https://c.xiaobai.wang/codedemo/3100 JavaScript 实现列表按字母排序] * [https://c.xiaobai.wang/codedemo/3101 JavaScript 实现表格单列按字母排序] * [https://c.xiaobai.wang/codedemo/3102 JavaScript 动画应用实例] * [https://c.xiaobai.wang/codedemo/3103 JavaScript 进度条实例] * [https://c.xiaobai.wang/codedemo/3104 JavaScript 百分比进度条] * [https://c.xiaobai.wang/codedemo/3107 JavaScript/CSS 实现提示弹窗] * [https://c.xiaobai.wang/codedemo/3109 JavaScript/CSS 实现待办事项列表(To Do List)] * [https://c.xiaobai.wang/codedemo/3124 HTML CSS, JavaScript 计算器] * [https://c.xiaobai.wang/codedemo/3129 HTML、CSS、JavaScript 实现下拉菜单效果] * [https://c.xiaobai.wang/codedemo/3141 JS/CSS 各种操作信息提示效果] * [https://c.xiaobai.wang/codedemo/3145 JS/CSS 在屏幕底部弹出消息(snackbar)] * [https://c.xiaobai.wang/codedemo/3148 JS/CSS 登录表单] * [https://c.xiaobai.wang/codedemo/3149 JS/CSS 注册表单] * [https://c.xiaobai.wang/codedemo/3152 JavaScript 计算器(倒计时)] * [https://c.xiaobai.wang/codedemo/3156 JS/CSS 菜单按钮切换(打开/关闭)] * [https://c.xiaobai.wang/codedemo/3157 JS/CSS 手风琴动画效果] * [https://c.xiaobai.wang/codedemo/3158 JS/CSS 带图标手风琴动画效果] * [https://c.xiaobai.wang/codedemo/3159 JS/CSS 选项卡] * [https://c.xiaobai.wang/codedemo/3160 JS/CSS 选项卡 – 淡入效果] * [https://c.xiaobai.wang/codedemo/3161 JS/CSS 选项卡 – 设置默认选项] * [https://c.xiaobai.wang/codedemo/3162 JS/CSS 选项卡 – 设置关闭按钮] * [https://c.xiaobai.wang/codedemo/3163 JS/CSS 选项卡 – 垂直方向] * [https://c.xiaobai.wang/codedemo/3164 JS/CSS 选项卡 – 幻灯片效果] * [https://c.xiaobai.wang/codedemo/3166 JS/CSS 响应式顶部导航样式实例] * [https://c.xiaobai.wang/codedemo/3167 JS/CSS 侧边栏动画实例] * [https://c.xiaobai.wang/codedemo/3168 JS/CSS 侧边栏动画实例 - 页面主体内容向右移动] * [https://c.xiaobai.wang/codedemo/3169 JS/CSS 侧边栏动画实例 - 页面主体内容黑色透明背景] * [https://c.xiaobai.wang/codedemo/3170 JS/CSS 全屏幕侧边栏] * [https://c.xiaobai.wang/codedemo/3171 JS/CSS 侧边栏 - 无动画效果] * [https://c.xiaobai.wang/codedemo/3172 JS/CSS 右侧侧边栏] * [https://c.xiaobai.wang/codedemo/3173 JS/CSS 全屏幕导航 – 从上到下动画] * [https://c.xiaobai.wang/codedemo/3180 JS/CSS 点击式下拉菜单] * [https://c.xiaobai.wang/codedemo/3181 JS/CSS 点击式下拉菜单 - 右对齐] * [https://c.xiaobai.wang/codedemo/3182 JS/CSS 点击式导航栏下拉菜单] * [https://c.xiaobai.wang/codedemo/3183 JS/CSS 下拉菜单可进行搜索/过滤操作] * [https://c.xiaobai.wang/codedemo/5381 JS 联想、自动补齐功能] * [https://c.xiaobai.wang/codedemo/5399 JavaScript 按下回车(Enter)键触发按钮点击事件] * [https://c.xiaobai.wang/codedemo/5409 JavaScript 创建一个菜单搜索] * [https://c.xiaobai.wang/codedemo/5572 Javascript 判断是移动端浏览器还是 PC 端浏览器] * [https://c.xiaobai.wang/codedemo/5573 JavaScript 判断是否微信浏览器] * [https://www.xiaobai.wang/w3cnote/js-filter-lists.html JavaScript/CSS 列表搜索功能] * [https://www.xiaobai.wang/w3cnote/js-filter-table.html JavaScript/CSS 表格搜索功能] * [https://www.xiaobai.wang/w3cnote/js-filter-dropdown.html JavaScript/CSS 下拉菜单搜索功能] * [https://www.xiaobai.wang/w3cnote/js-sort-list.html JavaScript/CSS 列表排序功能] * [https://www.xiaobai.wang/w3cnote/js-sort-table.html JavaScript/CSS 表格排序功能] <blockquote>更多实例:https://c.xiaobai.wang/examples/ </blockquote>
返回至“
JavaScript 实例
”。
上一节:
JavaScript_测试_Prototype
下一节:
JavaScript_对象实例