欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

JavaScript入门到精通 只需要学这么多

程序员文章站 2022-04-04 18:25:43
...
本篇文章给大家带来的内容是关于JavaScript入门到精通,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

JavaScript入门到精通 只需要学这么多

什么是javascript?

JavaScript是web开发中的一种脚本编程语言,也是一种通用的,跨平台的,基于对象和事件驱动并具有安全性的脚本语言。

JavaScript的主要特点:

解释性,基于对象,事件驱动,跨平台,安全性

JavaScript的应用:

验证用户输入的内容,动画效果,窗口的应用,文字的特效等

在Web界面中使用JavaScript的方法:

在页面中直接嵌入JavaScript代码

<script language="JavaScript1.5" src="01.js" type="text/javascript" defer></script>

Language 指定在HTML中使用的哪种脚本语言及其版本

Src 指定外部脚本的路径,外部脚本文件通常使用javascript脚本,其扩展名为。js

Type 指定HTML中使用哪种脚本语言及其版本,该属性在HTML4.0标准开始,推荐使用type属性来代替language属性

Defer 该属性的作用是当文档加载完毕之后在执行脚本,当脚本不需要立即执行时,设置defer属性后,浏览器将不必等待脚本语言装载,这样假面加载会比较快

连接外部的JavaScript文件

<script language="javascript" src="javascript.js"></script>

JavaScript基本语法

Javascript程序按照在html我呢见中出现的顺序逐行执行

如需要在整个html文件中执行,最好将文件放在html的<head>标记中

Javascript对字母大小写是非常敏感的

每行结尾的分号可有可无

标识符:就是一个名称

关键字:指在javascript中有特定的含义

常量:在程序运行的过程中,值不能改变的量

变量:指在程序中一个已经命名的储存单元

变量的命名

变量的声明和赋值

JavaScript中变量都有var进行声明,格式为:var a;

声明变量并进行赋值:var b=2;

var 可以同时声明多个变量

var a,b,c

var同时声明多个变量并进行赋值:

var a=1,b=2,c=3;

变量的作用域

变量的生存周期:指变量在计算机中存在的有效时间

全局变量:在程序执行的过程中始终生效

局部变量:变量的有效范围只在当前函数之中

数据类型

数字(Number)是最旗本的数据类型,在javascript中,并不区分整形术之和浮点型数值,所有的数字都由浮点型表示

当一个数字直接出现在javascript程序中时,称它为数值直接量

JAVASCRIPT支持的数值直接两的形式有以下几种:

整型数据

十六进制和八进制

浮点型数据

字符串型

字符串(String)是由Unicode字符,数字,标点符号等组成的序列,它是javascript用来表示文本的数据类型

包含在单引号或者双引号中

布尔型数据

值只有两个,true,false 用来说明某个事物是真还是假

特殊数据类型

转义字符

未定义值 undefined

特殊类型的数字常量NaN,即非数字,是在程序中由于发生计算错误后,产生的数字

空值

Null 表示空值

Null 不等同于空的字符串""或者0

Null表示一个变量被赋予了一个空值,而undefined则表示该变量未被赋值

运算符

这里就不细写了,会编程的都知道

Javascript中的运算符按照操作数可以分为单目运算,双目运算,和多目运算

按照运算类型可以分为算术运算符,比较运算符,赋值运算符,逻辑运算符,条件运算符

三目运算

(a==b)?正确:错误

A等于b,返回正确

A不等于b,返回错误

其他运算符:

位运算符

Typeof运算符

Typeof运算符用于返回它的操作数当前所容纳的数据的类型。经常用作判断一个变量是否被定义

<script language="javascript">
var a = 3;
alert("a的类型为"+(typeof a))
<script>

New运算符

用于创建一个新的对象

表达式

以上就是对JavaScript入门到精通的全部介绍,如果您想了解更多有关CSS3教程,请关注PHP中文网。

以上就是JavaScript入门到精通 只需要学这么多的详细内容,更多请关注其它相关文章!