初识JavaScript

来源:互联网 发布:js url中文传参乱码c# 编辑:程序博客网 时间:2024/06/10 10:59

1.使用JavaScript的好处
*表单验证-减轻服务器端压力
*页面动态效果
*动态改变页面内容

2.JavaScript的组成
*a.ECMAScript(Javascript的核心)
*b.BOM浏览对象模型

3.脚本的基本结构

<script type="text/javascript">    <!--          JavaScript 语句;    --></script >

4.常用的输入输出
alert()
alert(“提示信息”);
prompt()
prompt(“提示信息”, “输入框的默认信息”);
prompt(“请输入姓名”, “张三”);
prompt(“请输入姓名”);

5.变量的声明和赋值
在JavaScript中,允许不声明变量而直接使用,系统将会自动声明该变量。此方法容易出错,不推荐使用。
不推荐使用未显式声明变量理由1: JavaScript中,若尝试为未声明的变量赋值,JavaScript会自动隐式声明该变量。但隐式声明的变量总是会被创建为全局变量。 不推荐使用未显式声明变量理由2: 会造成与内置函数名字相同而使用混乱的情况,从而引起JavaScript中变量类型让人捉摸不透的局面。

6.五种基本数据类型(用typeof检测变量的数据类型)
undefined
string

var str1 = "hello";var str2 = new String("hello world");

boolean
number
其它类型和number类型做运算
加减乘除运算中的自动类型转换
强制把其它类型转化为number的方法:Number(),parseInt(),parseFloat()
什么情况下会产生NaN
NaN是number类型里的特殊值,当数学运算失败的时候,或当其它数据类型转化为number类型失败的时候,会得到NaN的结果
isNaN()函数
null

7.运算 符
赋值运算符 =
赋值是把等号右边的值赋给左边的变量,赋值运算符用于给 JavaScript 变量赋值。
如果我想把5这个值赋值给变量a
则:var a=5;
复合运算符
+= -= /= *= %=
算数运算符
+ - * / %
+运算符还可以用于把字符串变量连接起来
关系运算符(关系运算符返回的是布尔值)
<> == === <= >= !=
等于(==)的情况下 只要值相同就返回true
全等(===)的时候需要值和类型都要匹配才能返回true
三元运算符
表达式1?表达式2:表达式3
如果表达式1成立执行表达式2
如果表达式1不成立执行表达式3
逻辑运算符
*与 && &&前后两个均为真才可以
如果&&前面的表达式不成立,自动不执行后面的表达式,俗称短路与
*或 || || 前后有一个为真就可以
如果||前面的表达式成立,自动不执行后面的表达式,俗称短路或
*非 ! !求当前的值的非
递增递减预算符
++ –
++表示的是i值加1,++i表示的是,先加1再取值,而i++表示的是先取值再加1
大括号 小括号 中括号
小括号 提升优先级
中括号 数组
大括号 对象
8.逻辑控制语句
(1)if条件语句

if(条件){   //JavaScript代码;}else{  //JavaScript代码;}

if语句语法:
else与if的配对原则;
else与其之上的没有else配对的if配对;
else的数量永远小于或等于if的数量。
{}在只有一个语句时,可以不使用。

(2)switch多分支语句

switch (表达式){             case 常量1 :         JavaScript语句1;        break;    case 常量2 :         JavaScript语句2;        break;        ...    default :         JavaScript语句3;    }

break关键字会导致代码执行流跳出switch语句,如果省略break关键字,就会导致执行完当前case后,继续执行下一个case。

(3)for、while循环语句

for(初始化;  条件;  增量){    JavaScript代码;}

什么时候用到for语句

关键词:
从…到…
为每一个……
所有…添加……内容
特点:
数量方面有一定的范围限制,为多个类似或同一类型的标签添加同样的或有规律可循的动作
for后边的三个表达式是都可以省略的

while(条件){    JavaScript代码;}