脚本宝典收集整理的这篇文章主要介绍了javascript代码实例教程-JavaScript基础(一)，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

小宝典致力于为广大程序猿（媛）提供高品质的代码服务，请大家多多光顾小站，小宝典在此谢过。

1，什么是javascript

javaScript 是因特网上最流行的脚本语言，它存在于全世界所有 Web浏览器中，能够增强用户与 Web站点和 Web应用程序之间的交互。

脚本语言：脚本语言又被称为扩建的语言，或者动态语言，是一种解释型语言，由解释器来运行，用来控制软件应用程序，脚本通常以文本保存，只在被调用时进行解释或编译

2，javascript的作用

作用：

1.可以通过js去操作css

2.可以通过js去对表单数据进行校验。

3.可以通过js对htML代码动态操作

3，javascript历史

NetscaPE（网景） 发明了JavaScript，1997年由来自由来自 Netscape、Sun、微软、Borland和其他一些对脚本编程感兴趣的公司的程序员组成的 TC39锤炼出了 ECMA-262，该标准定义了名为ECMAScript 的全新脚本语言。

从此，Web 浏览器就开始努力（虽然有着不同的程度的成功和失败）将 ecmascript 作为 JavaScript实现的基础。

ECMAScript 仅仅是一个描述，定义了脚本语言的所有属性、方法和对象。其他语言可以实现ECMAScript 来作为功能的基准，JavaScript就是这样：

4，javascript组成

 

javascript的核心ECMAScript描述了语言的语法和基本对象。

一个完整的javaScript实现是由下面三个不同部分组成的。

导入javascript方式

 

1，在html页面中直接插入javascript

 

如需在 HTML 页面中插入 JavaScript，请使用<script> 标签。

<script> 和 </script>会告诉 JavaScript在何处开始和结束。

<script> 和 </script>之间的代码行包含了 JavaScript

例如:

 

那些老旧的实例可能会在。 <script> 标签中使用 type="text/javascript"。现在已经不必这样做了。JavaScript是所有现代浏览器以及 HTML5中的默认脚本语言。

注意:<script>标签可以出现在html页面的任意位置，但实际操作中，一般会写在标签中。.

但是不绝对，在开发中有可能将Javascript标签放置到整个html页面最后，因为解释性语言是从上到下，从左到右执行的，如果上面head中的JavaScript代码需要用到下面的一些标签，在解释的时候下面还没有加载，就不可能找得到。

扩展：1，编译性语言：把所有东西都加载到内存里面了再去运行。

2，解释性语言：读一条执行一条，速度会快一些。

Java也是解释性语言，java虽然需要编译，但是是编译完之后再解释。

JavaScript是纯解释性的语言，就是你写的时候就一条条加载。所以在写解释性语言的时候，如果能用一条语句搞定的就不要用多条，因为效率要高。

2，引入外部的javascript（使用<scriptsrc=””>）

有时，你也许希望在若干个页面中运行 JavaScript，同时不在每个页面中写相同的脚本。

为了达到这个目的，你可以将 JavaScript 写入一个外部文件之中。然后以 .js 为后缀保存这个文件。

例如:

注意:外部的js文件中不能包含<script>标签。

在导入外部js文件的<script>标签中不能在写javascript代码。<"/kf/ware/vc/" target="_blank" class="keylink">vcD4NCjxwpsd9yOc6PC9wPg0KPHA+PGltZyAgZGF0YS1ja2Utc2f2ZWQtc3JjPQ=="/uploaDFile/Collfiles/20170703/20170703092703252.png" src="/uploadfile/Collfiles/20170703/20170703092703252.png" alt="/">

javascript基础语法-变量声明：

变量是用于存储信息的容器

javascript中的变量与我们在java中的变量一样。

在javascript中使用用 VAR运算符（variable的缩写）加变量名定义的

JavaScript 变量名称的规则：

变量对大小写敏感（y和Y是两个不同的变量）

变量必须以字母或下划线开始

注意：HTML,CSS对大小写不敏感，但是由于 JavaScript 对大小写敏感，变量名也对大小写敏感。

Java是强类型语言：就是声明完是什么类型就是什么类型，在内存中是固定的。

JavaScript是一种弱类型语言：对类型的概念很模糊，一个变量可以接受多个完全不同类型的&#20540;，后面的值覆盖前面的。

javascript基础语法-数据类型：

在ECMAScript中，变量可以存在两种数据类型，即原始类型与引用类型。

原始类型

原始类型，可以理解成是一个值类型。简单说，就是一个字面值，它是不可变的，例如: 10 “abc”

ECMAScript有五种原始类型

String 在javascript中字符串字符串字面值，可以使用单引号或双引号声明。

Number 在javascript中任何数字都看成是Number类型，它即可以表示32位整数，也可以表示64位浮点数。八进制首数字必须是0,十六进制使用0x开始。

Boolean 它有两个值true和false.

Undefined:该类型只有一个值undefined.表示的是未初始化的变量

Null 该类型只有一个值null,表示尚未存在的对象。值undefined实际上是从值null派生出来的。因此null==undefined得到的结果是true.

对变量或值调用 typeof运算符将返回下列值之一：

undefined - 如果变量是 Undefined 类型的

boolean - 如果变量是 Boolean 类型的

number - 如果变量是 Number 类型的

string - 如果变量是 String 类型的

object - 如果变量是一种引用类型或Null 类型的

注意：您也许会问，为什么 typeof运算符对于 null值会返回 "Object"。这实际上是JavaScript最初实现中的一个错误，然后被 ECMAScript沿用了。现在，null被认为是对象的占位符，从而解释了这一矛盾，但从技术上来说，它仍然是原始值。

引用类型

引用类型通常叫做类(class),也就是说，遇到引用值，所处理的就是对象。

从传统意义上来说，ECMAScript 并不真正具有类。

ECMAScript 定义了“对象定义”，逻辑上等价于其他程序设计语言中的类。

对象是由 new 运算符加上要实例化的对象的名字创建的

var obj=new Object();

Object对象自身用处不大，但是ECMAScript 中的 Object 对象与Java 中的java.lang.Object 相似，ECMAScript中的所有对象都由这个对象继承而来，Object对象中的所有属性和方法都会出现在其他对象中

常用的javascript对象有Boolean,Number,Array,String,Date,Math,RegExp.

可以使用instanceof运算符来判断对象的类型。

javascript基础语法-类型转换

ECMAScript为开发者提供了大量的类型转换方法。

大部分类型具有进行简单转换的方法，还有几个全局方法可以用于更复杂的转换。

Boolean 值、数字和字符串的原始值它们是伪对象，这意味着它们实际上具有属性和方法。

转换成字符串

toString()方法.

转换成数字

ECMAScript 提供了两种把非数字的原始值转换成数字的方法，即 parseint()和 parseFloat()。前者把值转换成整数，后者把值转换成浮点数。只有对String 类型调用这些方法，它们才能正确运行；对其他类型返回的都是NaN。

强制类型转换

使用强制类型转换可以访问特定的值。

ECMAScript中提供了三种强制类型转换：

1.把给定的值转换成Boolean类型

2.把给定的值转换成数字

3.把给定的值转换成字符串

测试Boolean型的强制类型转换

测试强制转换成数字类型

测试强制转换成字符串

强制类型转换总结

1，强制转换成Boolean

格式: Boolean(值)

数字:非0为true,0为false.

对于对象，如果它不为null,就为true.

对于null,””未定义的数据，它们全为false.

2，强制转换成数字

格式:Number(值)

如果是数字，就直接转换成数字

如果是true,false,转换成1,0 null也是0

javascript基础语法-运算符与表达式

一元运算符

++ 自加 --自减 void运算符

void 运算符对任何值返回undefined。该运算符通常用于避免输出不应该输出的值，例如，从HTML 的 元素调用JavaScript 函数时。要正确做到这一点，函数不能返回有效值，否则浏览器将清空页面，只显示函数的结果。例如：

Click me

如果把这行代码放入 HTML页面，点击其中的链接，即可看到屏幕上显示 "[object]"。这是因为window.open() 方法返回了新打开的窗口的引用。然后该对象将被转换成要显示的字符串。要避免这种效果，可以用void 运算符调用window.open() 函数：

Click me

这使 window.open()调用返回 undefined，它不是有效值，不会显示在浏览器窗口中。

提示：请记住，没有返回值的函数真正返回的都是 undefined。

逻辑运算符

逻辑运算会有三种 NOT AND OR

在学习各种逻辑运算符之前，让我们先了解一下 ECMAScript-262 v5 规范中描述的 ToBoolean 操作。

@H_490_304@

参数类型

结果

Undefined

false

Null

false

Boolean

结果等于输入的参数（不转换）

Number

如果参数为 +0, -0 或NaN，则结果为false；否则为true。

String

如果参数为空字符串，则结果为 false；否则为true。

Object

true

逻辑NOT运算符

n如果运算数是对象，返回 false

n如果运算数是数字 0，返回true

n如果运算数是 0 以外的任何数字，返回false

n如果运算数是 null，返回true

n如果运算数是 NaN，返回true

n如果运算数是 undefined，发生错误

逻辑AND运算会

运算数 1	运算数 2	结果
true	true	true
true	false	false
false	true	false
false	false	false

逻辑OR运算符

运算数 1	运算数 2	结果
true	true	true
true	false	true
false	true	true
false	false	false

加性运算符

某个运算数是 NaN，那么结果为NaN。

-infinITy 加 -Infinity，结果为-Infinity。

Infinity 加 -Infinity，结果为NaN。

+0 加 +0，结果为+0。

-0 加 +0，结果为+0。

-0 加 -0，结果为-0。

不过，如果某个运算数是字符串，那么采用下列规则：

如果两个运算数都是字符串，把第二个字符串连接到第一个上。

如果只有一个运算数是字符串，把另一个运算数转换成字符串，结果是两个字符串连接成的字符串。

关系运算符

关系运算符有>(大于),<(小于) >=(大于等于) <=(小于等于) ,它们的运算结果返回的是一个boolean值。

常规比较

如果是数学，那么比较与我们在java中操作一样。

如果是两个字符串使用关系运算符操作，那么我们可以简单理解成是按照字母的码值来比较。比较容易理解的是根据字母顺序，在前的字母比在后的小，所有的小写字母都大于大写字母。

比较数字或字符串

如果两个数字字符串比较，例如:”23”<”3”,它们也是按照数字在码表中的码值来比较.

如果一个是数字一个是字符串，那么会将字符串转换成数字在进行比较。

等性运算符

ECMAScript提供了两套等性运算符：等号与非等号用来处理原始值，全等号与非全等号来处理对象。

执行类型转换的规则如下：

・如果一个运算数是 Boolean值，在检查相等性之前，把它转换成数字值。false转换成 0，true为 1。

・如果一个运算数是字符串，另一个是数字，在检查相等性之前，要尝试把字符串转换成数字。

・如果一个运算数是对象，另一个是字符串，在检查相等性之前，要尝试把对象转换成字符串。

・如果一个运算数是对象，另一个是数字，在检查相等性之前，要尝试把对象转换成数字。

在比较时，该运算符还遵守下列规则：

・值 null和 undefined相等。

・在检查相等性时，不能把 null和 undefined转换成其他值。

・如果某个运算数是 NaN，等号将返回false，非等号将返回true。

・如果两个运算数都是对象，那么比较的是它们的引用值。如果两个运算数指向同一对象，那么等号返回 true，否则两个运算数不等。

全等号由三个等号表示（===），只有在无需类型转换运算数就相等的情况下，才返回true。

非全等号由感叹号加两个等号（!==）表示，只有在无需类型转换运算数不相等的情况下，才返回true。

javascript基础语法-条件语句

if语句

javascrip中的if语句，与我们在java中使用基本相同，例如:

if (i > 30) {

alert("大于 30");

}else {

alert("小于等于 30");

}

switch语句

switch语句也与我们在jdk1.7中使用相同，也就是说，它可以直接判断字符串类型

var BLUE = "blue", red = "red", GREEN = "green";

switch (sColor) {

case BLUE: alert("Blue");

break;

case RED: alert("Red");

break;

case GREEN: alert("Green");

break;

default: alert("Other");

}

Javascript基础语法-循环语句

在javascript中也存在循环语句for while do-while，基本与在java中使用相同.

for示例

var iCount = 6;

for (var i = 0; i < iCount; i++) {

alert(i);

}

注意:在声明变量归我们使用var

while示例

var i = 0;

while (i < 10) {

i += 2;

}

do-while示例

var i = 0;

do {

i += 2;

} while (i < 10);

注意:在while后面的分号

</script>

觉得可用，就经常来吧！ 脚本宝典 欢迎评论哦！ js脚本，巧夺天工，精雕玉琢。小宝典献丑了！

脚本宝典总结

以上是脚本宝典为你收集整理的javascript代码实例教程-JavaScript基础(一)全部内容，希望文章能够帮你解决javascript代码实例教程-JavaScript基础(一)所遇到的问题。

如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。