JavaScript 简介
JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。
在1995年时，由Netscape公司的Brendan Eich，在网景导航者浏览器上首次设计实现而成。因为Netscape与Sun合作，Netscape管理层希望它外观看起来像Java，因此取名为JavaScript。但实际上它的语法风格与Self及Scheme较为接近。
为了取得技术优势，微软推出了JScript，CEnvi推出ScriptEase，与JavaScript同样可在浏览器上运行。为了统一规格，因为JavaScript兼容于ECMA标准，因此也称为ECMAScript。
JavaScript是当前最为流行的编程语言之一。
非常适合用于web编程，比如页面HTML元素的操作。
一.JavaScript特点:
（1）.它是一门脚本语言。
（2）.它是一门轻量级的编程语言。
（3）.JavaScript代码可直接插入HTML元素之中。
（4）.以浏览器作为运行环境。
二.将从本教程学到的知识:
（1）.JavaScript语法知识。
（2）.JavaScript对DOM元素的操作。
（3）.JavaScript对浏览器对象的操作。
特别说明:本版块只涉及ES5知识。
三.JavaScript的构成:
JavaScript是ECMAScript规范在浏览器中的具体实现。
ECMAScript是一个标准，定义最基本的行为准则，与特定的宿主环境无关，它为不同的宿主环境提供核心编程能力，没有与用户交互的功能。除浏览器的JavaScript，Flash和Director MX的ActionScript也是它的具体实现。
JavaScript的运行环境是浏览器，扩展了对浏览器window对象（简称BOM）相关操作。document对象（简称DOM对象）属于window对象，但是由于JavaScript核心就是对document的操作，所以通常将其独立出来介绍。所以JavaScript可以认为由如下三部分构成:
四.代码实例:
`<!DOCTYPE html>`
`<``html``>`
`<``head``>`
`<``meta` `charset``=``"utf-8"``>`
`<``meta` `name``=``"author"` `content``=``"[http://www.softwhy.com/](http://www.softwhy.com/)"` `/>`
`<``title``>爱前端</``title``>`
`<``style``>`
`div {`
`width:100px;`
`height:100px;`
`background-color:#ccc;`
`}`
`</``style``>`
`<``script``>`
`window.onload = function () {`
`var obt = document.getElementById("bt");`
`var odiv = document.getElementById("ant");`
`obt.onclick = function () {`
`odiv.style.backgroundColor = "red";`
`}`
`}`
`</``script``>`
`</``head``>`
`<``body``>`
`<``div` `id``=``"ant"``></``div``>`
`<``input` `type``=``"button"` `id``=``"bt"` `value``=``"查看演示"``/>`
`</``body``>`
`</``html``>`
点击按钮可以将div元素的背景颜色设置为红色；这就是最为基础的dom元素操作。
`<!DOCTYPE html>`
`<``html``>`
`<``head``>`
`<``meta` `charset``=``"utf-8"``>`
`<``meta` `name``=``"author"` `content``=``"[http://www.softwhy.com/](http://www.softwhy.com/)"` `/>`
`<``title``>爱前端</``title``>`
`<``style``>`
`div {`
`width:400px;`
`height:100px;`
`background-color:#ccc;`
`}`
`</``style``>`
`<``script``>`
`window.onload = function () {`
`var obt = document.getElementById("bt");`
`var odiv = document.getElementById("ant");`
`obt.onclick = function () {`
`odiv.innerHTML = location.href;`
`}`
`}`
`</``script``>`
`</``head``>`
`<``body``>`
`<``div` `id``=``"ant"``></``div``>`
`<``input` `type``=``"button"` `id``=``"bt"` `value``=``"查看演示"``/>`
`</``body``>`
`</``html``>`
点击按钮可以将当前页面URL地址写入div，这里不但涉及DOM操作，也涉及到了BOM操作。
爱前端-企业级实战型全栈大前端人才培养，只专注前端培训，前端教育我们更专业！
专注全栈大前端，爱前端整理了一批2019年最新WEB前端教学视频，不论是零基础想要学习前端还是学完在工作想要提升自己，这些资料都会给你带来帮助，从HTML到各种框架，帮助所有想要学好前端的同学，学习规划、学习路线、学习资料、问题解答。 全栈大前端技术交流群：137503198 点击加入群聊【爱前端全栈学习交流群】，即可免费获取。
网友评论