周文豪 马明浩 黄振豪 彭玉华

摘要：Web页面前端呈现给用户，通常缺少动态效果，用户体验有待提升，通过JavaScript可以在HTML中嵌入动态文本、对浏览器事件做出响应，因此使用JavaScript可以带来更好的浏览体验。本文主要论述JavaScrip，在Web前端页面开发中的应用，JavaScript的组成，DOM概念及解析過程，BOM概念，对象在Web页面作用。

关键词：JavaScript;Web前端开发;HTML;脚本语言

1.引言

JavaScript是目前非常流行、应用广泛的一门客户端脚本语言，被广泛用于Web前端开发过程中，特别在Html添加网页动态功能开发中应用更加广泛。具有简单性、安全性、动态性、跨平台性。不需要和Web服务器发生任何数据交换，不增加服务器的负担，通过合理有效地使用JavaScript脚本语言可以使Web开发过程变得简单。

2.JavaScrip

2.1 JavaScript的组成

ECMAScript 5.0定义了Js的语法标准，包含变量 、表达式、运算符、函数、if语句、for循环、while循环、内置的函数;DOM（Document，文档模型） ：操作网页上元素的API，比如让盒子显示隐藏、变色、动画 form表单验证;BOM（浏览器对象模型）：操作浏览器部分功能的API，比如刷新页面、前进后退、让浏览器自动滚动。

2.2 DOM概念

DOM全称 Docuemnt Object Model 文档对象模型，是一个文档对象模型。DOM 为文档提供了结构化表示，并定义了如何通过脚本来访问文档结构。目的是为了能让Js操作html元素而制定的一个规范。

2.2.1 解析过程

HTML加载完毕，渲染引擎会在内存中把HTML文档，生成一个DOM树，getElementById是获取内中DOM上的元素节点，然后操作的时候修改的是该元素的属性。

2.2.2 DOM树

在HTML当中，元素节点有HMTL标签、文本节点就是标签中的文字（比如标签之间的空格、换行）、属性节点表示标签的属性整个html文档就是一个文档节点。……