JavaScript 初体验

您所在的位置:网站首页 写js代码的思路 JavaScript 初体验

JavaScript 初体验

2023-09-24 21:25| 来源: 网络整理| 查看: 265

在讨论前最后再改进一波。在 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