JavaScript中調(diào)用光標(biāo)是非常基礎(chǔ)也非常實(shí)用的技能。通過(guò)控制光標(biāo)的位置，我們可以實(shí)現(xiàn)很多有趣的效果，比如光標(biāo)閃爍、定位到指定元素等。

首先，我們可以使用document對(duì)象中的getElementById方法來(lái)獲取頁(yè)面上的元素節(jié)點(diǎn)，然后使用該節(jié)點(diǎn)上的focus方法將光標(biāo)定位到此處。例如：

var inputElem = document.getElementById('input-id');
inputElem.focus();

另外，我們還可以使用select方法實(shí)現(xiàn)選中文本的效果。例如：

var inputElem = document.getElementById('input-id');
inputElem.select();

這時(shí)，光標(biāo)將出現(xiàn)在文本框中，并選中所有文本。同樣，我們可以利用focus方法在選中文本的同時(shí)將光標(biāo)定位到文本框中。

除了focus和select方法，我們還可以使用setSelectionRange方法手動(dòng)設(shè)定光標(biāo)的位置。setSelectionRange方法接收兩個(gè)參數(shù)，分別是光標(biāo)的起始位置和結(jié)束位置。例如：

var inputElem = document.getElementById('input-id');
inputElem.setSelectionRange(2, 4);

這個(gè)例子中，光標(biāo)將出現(xiàn)在文本框中，并選中從第3個(gè)字符到第5個(gè)字符的文本。需要注意的是，在不同的瀏覽器中，光標(biāo)的位置可能會(huì)有一些微小的差異，因此我們需要進(jìn)行兼容性處理。

除了文本框，我們還可以在contenteditable屬性為true的元素中調(diào)用光標(biāo)。這些元素可以被用戶編輯，并且能夠在其中插入文字、添加樣式等。例如：

var editElem = document.getElementById('editor-id');
editElem.focus();

通過(guò)調(diào)用focus方法，我們可以將光標(biāo)定位到可編輯元素中。然后，我們可以使用document對(duì)象中的execCommand方法執(zhí)行一些編輯命令，例如加粗文字、插入鏈接等。例如：

var editElem = document.getElementById('editor-id');
editElem.focus();
document.execCommand('bold', false, null);

這個(gè)例子中，我們將光標(biāo)定位到可編輯元素中，并加粗選中的文字。類似地，我們可以使用其他編輯命令實(shí)現(xiàn)更多有趣的功能。

總之，JavaScript中調(diào)用光標(biāo)是非常基礎(chǔ)也非常實(shí)用的技能。無(wú)論是在文本框還是可編輯元素中，通過(guò)控制光標(biāo)的位置，我們能夠?qū)崿F(xiàn)很多有趣的效果。希望本文對(duì)你有所幫助，謝謝閱讀！