1.5　JavaScript脚本语言功能

本节简单介绍一下JavaScript脚本语言功能，具体就是JS脚本在HTML网页中都可以实现哪些功能。

1.5.1　在HTML网页中输出内容

通过JavaScript脚本可以直接在HTML网页中输出内容，具体示例如下：

   document.write("……");

每当浏览器载入一个HTML文档时，其就会成为document对象，通过document对象的write()方法就可以向网页中输出内容。

不过需要读者注意的是，该方法在页面加载的过程中比较实用，如果在页面加载完成后使用需要小心，使用不当就会将页面内容全部进行重写。

1.5.2　改变HTML网页中节点内容

通过JavaScript脚本可以改变HTML网页中节点的内容，具体使用示例如下：

   dom = document.getElementById("id")  // 查找元素
   dom.innerHTML = "new content ";       // 改变内容

通过以上方法就可以动态改变HTML网页中节点的内容，这也是JavaScript脚本语言的特点。

1.5.3　改变HTML网页中节点样式

同样，还可以通过JavaScript脚本改变HTML网页中节点的样式，具体使用样例如下：

   dom = document.getElementById("id")   // 查找元素
   dom.style.color = #RRGGBB;           // 改变颜色样式

通过以上方法就可以动态改变HTML网页中节点的样色样式，这也同样是JavaScript脚本语言的特点。

1.5.4　HTML网页事件处理

通过JavaScript脚本可以对HTML网页中的事件进行处理，这也是比较能体现JavaScript功能的地方，具体使用样例如下：

    <button type="button" onclick="alert('JavaScript Event Handle.')">Click
Me</button>

通过以上方法就可以处理<button>按钮的单击（onclick）事件，当然事件的处理方法是使用alert()警告弹出框这种简单的形式，此处也可以使用自定义函数完成更复杂的功能。

1.5.5　HTML网页表单验证

通过JavaScript脚本还可以对HTML网页表单进行验证，我们知道表单是网页中使用场景最多的元素，JS脚本可以实现在前端就完成验证的功能，尤其是针对HTML5网页更是如此，具体使用样例如下：

   if isNaN(n) {
   alert("Not Numeric");
   };

通过以上方法就可以验证变量n是否是非数字值，应用在表单中就可以实现判断表单域的功能。

当然，除了以上介绍的一些JavaScript脚本语言功能，还有很多功能是可以通过JS脚本在HTML网页中实现的，后面的章节会详细介绍。 Qe6qRsQO7cUGKS0JsMMT/bw8AjbE6tRgDTKY8zqzNC6I7pO/lyQ9Fhh0eLGyenos