JavaScript常用技巧：编码解码、间隔执行与节点操作

"这篇资源主要总结了JavaScript中的几种常见用法，包括编码解码、定时器的使用（setInterval和setTimeout）、以及DOM操作等。通过示例代码来演示了这些功能的实际应用。" 在JavaScript中，编码解码是处理字符串时常见的需求。`encodeURI()` 和 `decodeURI()` 方法用于对URI进行编码和解码。在给出的示例中，当用户点击“编码后”按钮，`encodeURI()` 函数会被调用来编码页面上`span1`元素内的文本，而点击“解码后”按钮则会使用`decodeURI()` 进行解码。这个例子展示了如何在实际的网页环境中使用这些函数来处理用户的输入或显示内容。 定时器是JavaScript中用于控制代码执行时间的工具。`setTimeout()` 用于延迟执行一个函数，只执行一次；而`setInterval()` 会周期性地执行指定的函数，直到被 clearInterval 清除。在第二个示例中，展示了如何设置定时器来更新变量`time`的值，并在页面上显示变化。`setTimeout()` 用于每隔一定时间更新`time`，然后使用`setInterval()` 来定期显示新的时间值。这可以用于创建倒计时、动画效果或其他需要重复执行的任务。 此外，JavaScript的DOM（Document Object Model）操作也是开发者常打交道的部分。在上述示例中，`getElementById()` 方法用于获取HTML元素，这在动态更新页面内容时非常有用。通过这个方法，我们可以获取到特定ID的元素并对其进行操作，如改变其内容、样式或属性。同时，创建和删除节点的操作虽然在示例中没有直接展示，但在实际开发中，它们同样重要，例如使用 `createElement()` 创建新元素，`appendChild()` 插入元素，`removeChild()` 删除元素等。 总结来说，这些JavaScript常见用法涵盖了编码解码、定时器的使用以及DOM操作的基本概念和实践，这些都是JavaScript开发者必备的技能，对于理解JavaScript如何与网页交互，以及如何实现动态效果和用户交互至关重要。通过学习和掌握这些知识，开发者可以更好地创建功能丰富的Web应用程序。