JS实例/测验
JavaScript 实例
实例
- 生成文本
- 如何在页面中写文本
- 生成普通文本和标签
- 如何使用JavaScript在页面中写入普通文本和标签。
- head部分
- 包含函数的脚本位于文档的head部分。这样我们就可以确保在函数被调用前,脚本已经被载入了。
- body部分
- 执行位于body部分的脚本。
- 外部脚本
- 如何访问外部脚本。
- 变量
- 变量用来存储信息。这个例子向你展示如何做点这一点。
- If 声明
- 如何编写一个If声明。
- If...else 声明
- 如何编写if...else声明。
- If..else if...else 声明
- 如何编写if..else if...else声明
- 随机链接
- 本例演示一个随机的链接,当你单击这个链接时,会打开某个随机的网站。
- Switch 声明
- 如何编写一个Switch声明。
- 警告框
- 如何使用JavaScript生成警告框(alert box)。
- 带有折行的警告框
- 如何使用JavaScript生成带有文本折行的警告框。
- 确认框
- 如何使用JavaScript生成确认框(confirm box)。
- 提示框
- 如何使用JavaScript生成提示框(prompt box)。
- 函数
- 如何调用函数。
- 带有参数的函数
- 如何向函数传递变量,以及如何在函数中使用该变量。
- 带有参数的函数 2
- 如何向函数传递多个变量,以及如何在函数中使用这些变量。
- 返回值的函数
- 如何从函数返回值。
- 带有参数并返回值的函数
- 如何向函数输入两个参数值,并返回值。
- For 循环
- 如何编写loop循环来按照指定的次数执行相同的代码。
- 循环产生HTML标题
- 如何使用Loop循环来产生不同的HTML标题。
- While 循环
- 利用while循环在指定条件为true时来循环执行代码。
- Do while 循环
- 利用do...while循环在指定条件为true时来循环执行代码。在即使条件为false时,这种循环也会至少执行一次。这是因为在条件被验证前,这个声明就会执行。
- break 声明
- 使用break声明来终止循环。
- continue 声明
- 使用continue声明来终止当前的循环,然后从下一个值继续执行。
- For...In 声明
- 如何使用For...In 声明来遍历数组内的元素。
- try...catch声明
- 如何编写try...catch声明。
- 带有确认框的try...catch声明
- 另一个编写try...catch声明的例子。
- throw声明
- 如何使用throw声明。
- onerror事件
- 如何使用onerror事件捕获网页中的错误。
- 检测浏览器及版本
- 使用JavaScript检测关于访问者的浏览器名称及其版本。
- 检测浏览器的更多信息
- 使用JavaScript检测关于访问者浏览器的更多信息。
- 检测浏览器的全部信息
- 使用JavaScript检测关于访问者浏览器的全部信息。
- 根据浏览器类型提醒用户
- 使用JavaScript检测关于访问者的浏览器名称及其版本,然后根据这些信息生成不同内容的警告框。
- 创建一个欢迎cookie
- 利用用户在提示框中输入的数据创建一个JavaScript Cookie,当该用户再次访问该页面时,根据cookie中的信息发出欢迎信息。
- 按钮动画
- 利用两个不同的事件来驱动两个相应的函数,来切换两张对应的图片以创造出动画效果。
- 简单的HTML图像地图
- 本例演示一幅没有添加JavaScript的图像地图。
- 添加了JavaScript的图像地图
- 本例演示一幅添加了JavaScript的图像地图,当鼠标浮动于某个热点之上时,会调用JavaScript函数来显示热点所对应的星球的简介。
- 简单的计时
- 单击本例中的按钮后,会在5秒后弹出一个警告框。
- 另一个简单的计时
- 本例中的程序会执行2秒、4秒和6秒的计时。
- 在一个无穷循环中的计时事件
- 在本例中,单击开始计时按钮后,程序开始从0以秒计时。
- 带有停止按钮的无穷循环中的计时事件
- 在本例中,点击计数按钮后根据用户输入的数值开始倒计时,点击停止按钮停止计时。
- 使用计时事件制作的钟表
- 一个JavaScript小时钟
- 创建某个对象的一个实例
- 本例向您展示如何创建JavaCript对象的实例(instance)。
- 创建用于对象的模板
- 本例向您展示如何创建JavaCript对象的模板(template)。
- JavaScript对象 实例
JavaScript String(字符串)对象 实例
- 计算字符串的长度
- 如何使用长度属性来计算字符串的长度。
- 为字符串添加样式
- 如何为字符串添加样式。
- indexOf()方法
- 如何使用indexOf()来定位字符串中某一个指定的字符首次出现的位置。
- match() 方法
- 如何使用match()来查找字符串中特定的字符,并且如果找到的话,则返回这个字符。
- 如何替换字符串中的字符 - replace()
- 如何使用replace()方法在字符串中用某些字符替换另一些字符。
JavaScript Date(日期)对象 实例
- 返回当日的日期和时间
- 如何使用Date()方法或者当日的日期。
- getTime()
- 使用getTime()计算从1970年到今天有多少年。
- setFullYear()
- 如何使用setFullYear()得到精确的日期。
- toUTCString()
- 如何使用toUTCString()将当日的日期(根据UTC)转换为字符串。
- getDay()
- 如何使用getDay()来显示星期,而不仅仅是数字。
- 显示一个钟表
- 如何在网页上显示一个钟表。
JavaScript Array(数组)实例
- 创建数组
- 创建数组,为其赋值,然后输出这些值。
- For...In 声明
- 使用for...in声明来循环输出数组中的元素。
- 合并两个数组 - concat()
- 如何使用concat()方法来合并两个数组。
- 用数组的元素组成字符串 - join()
- 如何使用join()方法将数组的所有元素组成一个字符串。
- 文字数组 array - sort()
- 如何使用sort()方法从字面上对数组进行分类。
- 数字数组 - sort()
- 如何使用sort()方法从数值上对数组进行分类。
JavaScript Boolean(布尔)对象 实例
- 检查逻辑值
- 检查逻辑对象是ture还是false。
JavaScript Math(算数对象)实例
- round()
- 如何使用round()。
- random()
- 如何使用random()来返回0到1之间的随机数。
- max()
- 如何使用max()来返回两个给定的数中的较大的数。
- min()
- 如何使用min()来返回两个给定的数中的较小的数。
JavaScript 测验
您可以通过 W3SCHOOL 的测验程序来测试您的 JavaScript 技能。
关于本测验
本测验包含 20 道题,每道题的最长答题时间是 20 分钟(这是由于每个 session 的默认有效时间是 20 钟)。
本测验是非官方的测试,它仅仅提供了一个了解您对 JavaScript 的掌握程度的工具。
测验会被记分
每道题的分值是 1 分。在您完成全部的 20 道题之后,系统会为您的测验打分,并提供您做错的题目的正确答案。其中,绿色为正确答案,而红色为错误答案。