JavaScript DOM操作：杨中科滚动标题学习笔记

"杨中科老师的DOM学习笔记，包含了JavaScript函数实现标题文字滚动效果及清除定时器的方法。" 在这些学习笔记中，主要涉及了两个HTML页面示例，它们都是基于杨中科老师的DOM课程内容。这两个示例都实现了标题文字的滚动效果，通过JavaScript编程语言来动态改变`<title>`标签中的文本。这种滚动效果是通过不断交换标题的最后一个字符和剩余部分来实现的。 在第一个示例中，有两个按钮。第一个按钮调用`starttimer1`函数，该函数使用`setInterval`方法设置一个定时器，每隔1000毫秒执行一次`scroll`函数，从而达到滚动标题的效果。`scroll`函数通过获取当前`<title>`的内容，分割出最后一位字符和剩余部分，然后将它们互换，实现了文字的滚动。第二个按钮直接调用`setInterval`，与第一个按钮相同，也是每隔1000毫秒执行一次`scroll`函数。 在第二个示例中，去掉了`starttimer1`函数，只保留了一个按钮，点击这个按钮同样会调用`setInterval`执行`scroll`函数。此外，还提供了一个“ֹͣ”按钮，用于清除定时器。这个按钮的`onclick`事件触发`clearInterval`函数，传入`setInterval`的返回值，以停止标题的滚动效果。但是这里的语法存在错误，`clearInterval`的参数应该是已经设置的定时器ID，而示例中的写法会导致语法错误，无法正确清除定时器。 通过这两个示例，我们可以学习到以下几个关键的JavaScript知识点： 1. `document.title`：获取或设置当前页面的标题。 2. `charAt(index)`：返回指定索引位置的字符。 3. `substring(startIndex[, endIndex])`：返回指定范围内的字符串。 4. `setInterval(func, time)`：每隔一定时间（以毫秒计）执行一次指定的函数。 5. `clearInterval(timerID)`：清除由`setInterval`返回的定时器ID，停止执行对应的函数。 这些笔记对理解JavaScript如何操作DOM元素以及如何实现动态效果提供了实践案例，有助于深入学习DOM操作和JavaScript事件处理。