JavaScript简介:JavaScript是一种基于对象和事件驱动并具有相对安全性的客户端脚本语言,是一种动态、弱类型、基于原型的语言,内置支持类。它的解释器被称为JavaScript引擎,为浏览器的一部份。同时也是一种广泛用于客户端Web开发的脚本语言。最初由网景公司(Netscape)的布兰登·艾克(Brendan Eich)设计,1997年,在ECMA(欧洲计算机制造商协会)的协调下,由Netscape、Sun、微软、Borland组成的工作组确定统一标准:ECMA-262。JavaScript是Sun公司的注册商标,和Java没有直接关系。
JavaScript HelloWorld
点击按钮弹出文本值
HTML代码:<button>Click Me!</button>
JavaScript代码
<script type="text/javascript">
//借助window.onload事件,在文档加载之后,进行相关操作
window.onload = function(){
//获取按钮对应的元素节点对象
var btn = document.getElementsByTagName("button")[0];
//绑定单击响应函数
btn.onclick = function(){
//打印文本值
alert(this.firstChild.nodeValue);
}
}
</script>
由Hello World引出的四个问题
JavaScript基本语法和Java有什么区别?
为什么要使用window.onload?
在我单击按钮后如何让程序执行我希望的操作?
HTML代码中的button标签在JavaScript代码中是怎么表示的?如何获取?
JavaScript基本语法
认识script标签
<script> 标签用于定义客户端脚本,比如 JavaScript
在语法上, <script> 标签可以写在<html></html>标签内的任何位置
type属性是必需的,用来规定脚本的 MIME 类型。对于 JavaScript,其 MIME 类型是 "text/javascript"。
language属性:不赞成使用
在文档中直接插入JavaScript代码
<script type="text/javascript">
alert("Hello World!");
</script>
连接外部JavaScript文件
<script>标签的src属性:规定外部脚本文件的URL。
纯JavaScript代码可以保存到“.js”文件中,在“.js”文件中, 写JavaScript代码和在script标签中完全一样
<script type="text/javascript" src="script/jquery-1.7.2.js"></script>
注意:加载外部CSS样式表使用的是link标签,和加载外部 JS文件不同!
<link rel="stylesheet" type="text/css" href="theme.css" />
JavaScript数据类型
字符串:JavaScript中没有“字符型”数据,单个字符也被当成字符串处理
数字型:JavaScript不区分整型和浮点型,所有数字都是以浮点型来表示的
布尔型
true:true、非零的数字、非空的字符串
false:false、数字0、空字符串、undefined、null
函数:在JavaScript中,函数也是一个对象,可作为一个值赋给变量,函数名就是这个对象的引用。
Null:代表“空”。Null是数据类型,它只有一个值:null
不代表数字型的0,不代表字符串类型的””空字符串
不是一个有效的数字、字符串、对象、数组和函数,什么数据类型都不是
JavaScript区分大小写,Null、NULL都不等同于null
typeof(null)返回Object(为了向下兼容)
undefined:表示:未定义
定义了一个变量但未赋值
使用了一个未定义的变量
使用了一个不存在的对象的属性
JavaScript严格区分大小写
JavaScript标识符命名规范和Java完全一样
变量
使用var关键字声明
JavaScript是弱类型语言,声明变量时,不需要指定类型。 变量在使用中也可以存储各种类型的数据
函数
本教程由尚硅谷教育大数据研究院出品,如需转载请注明来源。