本文介绍了JavaScript的基础和实例，对大家的学习或工作都有一定的参考价值。让我们和边肖一起学习。
一、什么是JavaScript
JavaScript是一种具有面向对象能力的解释性编程语言。更具体地说，它是一种客户端脚本语言，由对象和事件驱动，具有相对的安全性。因为他不需要在语言环境下运行，只需要一个支持它的浏览器。其主要目的是验证发送到服务器的数据的有效性，增加web交互，增强用户体验。
基于对象：JavaScript内置了很多对象，直接调用对象的属性和方法来操作，简化了编程。事件：程序从开始运行到结束，可以一直监听事件。解释语言：不需要编译成计算机专门读取的文件。不是一次性编译，调用哪个块解释哪个块。例如，c#是一种编译语言。如果要运行用C#编写的程序，必须先编译成exe或dll文件才能运行。JavaScript不需要提前编译脚本语言：需要嵌入其他语言，JS需要嵌入HTML，单独存在没有意义。
二、JavaScript和ECMAScript的关系
Eccript是JavaScript的标准和基础。
三、JavaScript特点
1、松散性（弱类型）
JavaScript的核心类似于C，C和Java，比如条件判断，循环，运算符等等。然而，它是一种松散类型的语言，也就是说，它的变量不必具有确定的类型。(变量可以在没有声明的情况下使用。变量可以赋给数值类型，也可以赋给字符串等其他类型。)
2、对象属性
JavaScript中的对象将属性名映射到任意属性值。它就像一个哈希表或关联数组，而不是C中的结构或C或Java中的对象。
3、继承机制
JavaScript中面向对象的继承机制是基于原型的(prototype:最基本的基类)，与C和Java中的继承(子类可以继承父类)有很大不同。
4、严格区分大小写。
四、JavaScript组成部分
一个完整的JavaScript应该包括以下三个不同的部分：
1、核心（ECMAScript）
它主要定义了JavaScript的基础语言部分，所有浏览器都严格遵守这个规范，不存在兼容性问题。ECMAScript规范是由ECMA制定的。组件：语法、类型、语句、关键字、保留字、运算符、对象等。
2、文档对象模型（DOM）
文档对象模型主要定义如何将HTML转换成符合DOM规范的树，以及如何相应地操作树。这个规范是由W3c定义的。但是有些浏览器并没有严格遵守这个规范，所以写代码的时候要考虑兼容性问题。以及HTML和XML的应用程序接口(API)。将整个页面规划为分层节点结构。
3、浏览器对象模型（BOM）
浏览器对象模型有一些操作窗口的内置对象，包括窗口、屏幕、位置、导航器、文档、xmlhttprequet。虽然这部分没有规范，但是所有浏览器都支持这些对象。开发人员可以使用BOM来控制浏览器显示页面之外的部分。BOM真正与众不同的地方(也经常引发问题)在于它是JavaScript实现的一部分，目前仍然没有相关的标准。
您可以访问和操作浏览器窗口，包括：
一个新的浏览器窗口弹出。移动、关闭浏览器窗口并调整其大小。获取用户屏幕分辨率的屏幕对象。Web浏览器的详细定位对象。
五、使用JavaScript
脚本标签解析
Scriptxxx/script标签是用来在HTML页面中插入JS的主要方法。它主要具有以下属性：
1.字符集：可选。表示由src属性指定的字符集。因为大部分浏览器都忽略了，所以很少有人用。2.延期：可选。指示脚本可以延迟，直到文档被完全解析和显示。因为大部分浏览器不支持，所以很少使用。3.语言：已经废弃了。最初用于代码的脚本语言。既然大部分浏览器都忽略了，那就不要用了。4.src:可选。表示包含要执行的代码的外部文件。5.类型：必选。可以看作是语言的替代品。指示代码使用的脚本语言的内容类型。示例：type='text/javascript '
脚本标签示例：
脚本类型='文本/javascript '
Alert('欢迎来到JavaScript的世界！');
/脚本
六、JavaScript使用方式：
1、事件定义式：在定义事件时直接写入JavaScript脚本。
例如：
！文档类型html
html lang='en '
头
meta charset='UTF-8 '
meta name=' viewport ' content=' width=device-width，initial-scale=1.0 '
meta http-equiv=' X-UA-Compatible ' content=' ie=edge '
事件定义/标题
/头
身体
type=' button ' value=' click ' onclick=' alert('我被点击了')'/
/body
/html
效果：
2、直接嵌入式：在网页中直接嵌入JavaScript。
例如：
！文档类型html
html lang='en '
头
meta charset='UTF-8 '
meta name=' viewport ' content=' width=device-width，initial-scale=1.0 '
meta http-equiv=' X-UA-Compatible ' content=' ie=edge '
标题直接嵌入/标题
脚本
函数btnClick(){
alert(‘我是头写的JavaScript’)；
};
/脚本
/头
身体
type=' button ' value=' click ' onclick=' BTN click()'/
脚本
alert(‘我是写在正文里的JavaScript’)；
/脚本
/body
/html
效果：
注意：
直接嵌入时，JavaScript脚本可以写在head标签或body标签中。
3、文件调用式：在网页中调用独立的JavaScript文件。把js代码写在单独的一个js文件中，通过src属性引入即可。它具有维护性高、可缓存（加载一次，无需再次加载）、方便未来扩展的特点。
例如：
！文档类型html
html lang='en '
头
meta charset='UTF-8 '
meta name=' viewport ' content=' width=device-width，initial-scale=1.0 '
meta http-equiv=' X-UA-Compatible ' content=' ie=edge '
标题文件调用/标题
脚本src='./demo . js '/脚本
/头
身体
type=' button ' value=' click ' onclick=' BTN click()'/
/body
/html
注意：
1.使用外部风格介绍js。虽然没有留下代码，但是不能使用单个标签:
script type=' text/JavaScript ' src=' demo . js '/2。不能在里面添加任何代码，添加的代码也不能执行。
script type=' text/JavaScript ' src=' demo . js ' alert('我很可怜，因为无法执行')/script
就是这样。这篇关于JavaScript的基础和例子的文章在这里。希望对大家的学习有帮助，也希望大家多多支持。
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。