JavaScript如何为整个页面设置光标

在JavaScript中，通过代码设置光标需要使用DOM API，具体来说，可以使用document对象的body或documentElement属性来获取页面的根节点，然后再设置相应的CSS样式即可。

获取页面根节点

通过以下代码获取页面的根节点：

const rootNode = document.body || document.documentElement;

这里用的是逻辑或（||）运算符，如果body属性不存在，则获取documentElement属性。一般情况下，这两个属性都会存在，但是为了兼容不同的浏览器，最好都获取一下。

设置CSS样式

接下来需要设置CSS样式来改变光标。CSS中有一个cursor属性，可以用来设置鼠标光标的样式，常用的光标样式如下：

• auto：默认值，自动选择合适的光标样式。
• default：默认样式，通常是箭头。
• pointer：手形光标，用来表示链接。
• move：移动光标，用来表示可移动的元素。
• text：文本光标，用来表示可编辑的文本区域。

更多光标样式可以参考MDN文档。

下面是设置页面光标的代码片段：

rootNode.style.cursor = 'pointer';

这里将根节点的cursor属性设置为pointer，即手形光标。

完整代码

将获取根节点和设置光标样式的代码组合到一起，形成完整的代码如下：

const rootNode = document.body || document.documentElement;
rootNode.style.cursor = 'pointer';

这样整个页面都会出现手形光标了。

总结

通过以上代码，可以在JavaScript中为整个页面设置光标。需要注意的是，不同浏览器对CSS样式的支持不尽相同，因此最好在多个浏览器中进行测试。