javascript概述

最新推荐文章于 2020-06-10 23:07:19 发布

_Cassie

最新推荐文章于 2020-06-10 23:07:19 发布

阅读量1k

点赞数

CC 4.0 BY-SA版权

分类专栏： asp.net 文章标签： JAVASCRIPT

本文链接：https://blog.youkuaiyun.com/wangyongxia921/article/details/19506403

asp.net 专栏收录该内容

19 篇文章

订阅专栏

JavaScript是一种基于对象（Object）和事件驱动（EventDriven）并具有相对安全性的客户端脚本语言。用来给HTML网页增加动态功能。现在JavaScript也可被用于网络服务器，但是目前我还没有涉及到。谈一下我的认识。

一、javascript的组成

一般来说，JavaScript包括以下几个部分：

1、ECMAScript:描述了Javascript的语法和基本对象，是一套标准或者规范，它定义了一种脚本语言的应该是什么样子。

说起javascript，真心觉得只要是语言，都是一样的，为什么这么说？看完几十集的javascript的基础知识视频，发现其跟其他语言都是一样的，我们来列举一下：从最简单的：如何声明一个变量，涉及到关键字，保留字，数据类型；到多个变量的集合声明——数组，接着这些声明，调用语句，为什么这么写？语法；变量，数组存在的生命周期，作用域；这些基本元素，组成了函数，通过调用函数发挥javascript的功能。一个对外调用的接口。

javascript的语法注意的是它的变量松散类型，可以保存任何类型，这就会让经常使用强制类型编程的人有点不习惯。但是它编译简单性，门槛低，但是这让很多人容易上手，其实也是它的一大优势。

javascript是一门面向对象的脚本语言，它能运用其已经创建的对象，许多功能可以来自于脚本环境中对象的方法与脚本的相互作用。

javascript中有它的内置对象：global/window,math对象。

2、浏览器对象模型（BOM），描述与浏览器进行交互的方法和接口。

BOM的核心对象是window，它表示浏览器的一个实例。window对象处于JavaScript结构的最顶层，对于每个打开的窗口，系统都会自动为其定义 window 对象。在每个window对象下又各自存在不同的属性和方法，以供操作。

3、文档对象模型（DOM），描述处理网页内容的方法和接口

网页内容结构无非也就是如下的节点结构。这些节点内容共同组成了丰富的网页。

二、使用

1、内嵌形式（已经不再使用）

<input type="button" value="按钮" onclick="alert('Lee');"    />

2、外部调用（src表明文件路径）

<script type="text/javascript" src="base.js"></script>

3、现代事件绑定——DOM2级模型

“DOM2 级事件”定义了两个方法，用于添加事件和删除事件处理程序的操作：addEventListener()和removeEventListener()。所有DOM 节点中都包含这两个方法，并且它们都接受 3 个参数；事件名、函数、冒泡或捕获的布尔值(true表示捕获，false 表示冒泡)。

 window.addEventListener('load', function () {
		alert('Lee'); }, false);
		window.addEventListener('load', function () { alert('Mr.Lee');
		}, false);

4、可以动态加载，我们也可以根据需求在运行的时候动态加载javascript。

	var script = document.createElement('script'); script.type = 'text/javascript';
	var text = document.createTextNode("alert('Lee')");    //IE 浏览器报错 script.appendChild(text);
	document.getElementsByTagName('head')[0].appendChild(script);

三、事件驱动

javascript是嵌入动态文本于html页面的脚本语言，事件是可以被 JavaScript 侦测到的行为。网页中的每个元素都可以产生某些可以触发JavaScript 函数的事件，通过事件绑定，触发javascript的函数来完成我们需要的功能。