JavaScript 初体验 |
您所在的位置:网站首页 › 写js代码的思路 › JavaScript 初体验 |
在讨论前最后再改进一波。在 let resetButton;(脚本顶端部分)下方添加下面一行内容,然后保存文件: js guessField.focus();这一行通过 focus() (en-US) 方法让光标在页面加载完毕时自动放置于 输入框内,这意味着玩家可以马上开始第一次猜测,而无需点击输入框。这只是一个小的改进,却提高了可用性——为使用户能投入游戏提供一个良好的视觉线索。 深入分析一下。JavaScript 中一切都是对象。对象是存储在单个分组中的相关功能的集合。可以创建自己的对象,但这是较高阶的知识,我们今后才会谈及。现在,仅需简要讨论浏览器内置的对象,它们已经能够做许多有用的事情。 在本示例的特定情况下,我们首先创建一个 guessField 常量来存储对 HTML 中的文本输入表单域的引用,在文档顶部的声明区域中可以找到以下行: js const guessField = document.querySelector(".guessField");使用 document 对象的 querySelector() 方法可以获得这个引用。querySelector() 需要一个信息——用一个 CSS 选择器 可以选中需要引用的元素。 因为 guessField 现在包含一个指向 元素的引用,它现在就能够访问一系列的属性(存储于对象内部的基础变量,其中一些的值无法改变)和方法(存储在对象内部的基础函数)。focus() 是 input 元素可用方法之一,因此我们可以使用这行代码将光标聚焦于此文本框上︰ js guessField.focus();不包含对表单元素引用的变量不提供 focus() 方法。例如,引用 元素的 guesses 常量,包含一个数字的 guessCount 变量。 |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |