韩顺平JS笔记完整版 - 图文

2019-06-02 12:49

JS笔记

Javascript的基本介绍

? JS是用于WEB开发的脚本语言: ? 脚本语言是什么:

? 脚本语言往往不能独立使用,它和HTML/JSP/PHP/ASP.NET配合使用 ? 脚本语言也有自己的变量,函数,控制语句(顺序,分支,循环)

? 脚本语言实际上是解释性语言(即在执行时直接对源码进行执行),编译性语言效率会更高一些

? Java程序.java→.class→jvm ,js→浏览器(js引擎来解释执行) ? Js主要在客户端(浏览器)执行

因为js是由浏览器来执行的,因此这里有个问题,不同类型的浏览器可能对js的支持不一样。

? 开发工具的选择:记事本 myeclipse

New Document

案例:1

需求:打开网页后,显示hello !

?

问题:

? js的位置可以随意放

? js必须使用

? 在一个html文件中(JSP/PHP/ASP.NET)可以出现多对(script)片段,浏览器会按照

先后顺序依次执行

案例2:

? 如何定义变量: ? 如何运算:

New Document

Js的变量类型是怎样决定的

1) Js是弱数据类型语言,即:在定义变量时候,统一使用var表示,甚至可以去掉

var这个关键字

2) Js中的变量的数据是由js引擎决定的 var name=”shunping”; //name是字符串 var kk=2 //kk是数字

name=234; //这时name自动变成数 ? Js的命名规范(函数/变量):

?

1) 2) 3) 4) 5) 6) ?

使用大小写字母,数字,$可以命名 不能以数字打头

不能使用js保留字和关键字(即java里的关键字) 区分

单行注释大小写:// 多行注释:/*…….*/

Js的数据类型: 基本数据类型3种

1数值类型

特殊数值:1)NaN 不是数字 var a=”abc”

window.alert(parseInt(a));

2) Infinity 无穷大

window.alert(6/0);

3)isNaN() 如果是数字的话返回false 4)isFinite() 如果是无穷大返回false 2.字符串类型

可以用双引号 也可以用单引号 ,单个字符也可以看成字符串,有特殊字符用\\转义 window.alert(\输出asada”r 3.布尔类型 true false

通过typeof可以看到变量的具体数据类型

举例:

?

?

复合数据类型 ? 数组 ? 对象 特殊数据类型

? Null 即:var a=null ? Undefine

即:如下代码

?

Js定义变量,初始化,赋值 1)定义变量: 即var a

2)初始化: 即在定义变量时就给值

3)赋值: 即:比如你先定义一个变量 var tt ,然后再给值:tt=780; ? js数据类型转换:

1)自动转换

例子:var a=123; //a是数值 a=”hello” //a的类型是string 2)强制转换

例子:字符串转换成数字 var a=\” ;

a=parseInt(a); //使用系统函数强制转换

var b=90 ; //b是number b=b+””, //b就是string

? 运算符

+ — * / %

%(取摸:即两个数相除的余数) 强调:取模主要用于整数之间取模

例子:编写一个程序,判断两个数是否能够整除

?

++, 运算符

a++ --> a=a+1 b-- = b=b-1

++a 表示先把自己加1再赋值 --a 表示先把自己减1再赋值

例子:

var a=56;

var b=++a;

window.alert(b); b=57 window.alert(a); a=57

?

--运算符

var a=56;

var b=--a;

window.alert(b); b=55 window.alert(a); a=55

window.prompt(); prompt() 方法用于显示可提示用户进行输入的对话框。 document.write() :向浏览器输出内容

var num1=window.prompt(\请输入一个数\输入1.1 var num2=window.prompt(\请再输入一个数\输入1.1 document.writeln(\这两个数的和是\//此时都当成字符串考虑,输出1.11.1

document.writeln(\这两个数的和是\//此时输出2.2

这个案例中不写parseFloat也是可以的 逻辑运算符: (1) 与&&

If(逻辑表达式1&&逻辑表达式2){}

如果 逻辑表达式1为true 则JS引擎会继续执行逻辑表达式2 如果 逻辑表达式1为false则不会执行逻辑表达式2 (2) 或 ||

在JS中,||究竟返回什么值,这是一个非常重要的知识点

结论:将返回第一个不为false的值(对象亦可),或者是返回最后一个值(如果全部都是false的话),返回的结果不一定是布尔值 案例1: var a=true; var b=false;

window.alert(a||b);


韩顺平JS笔记完整版 - 图文.doc 将本文的Word文档下载到电脑 下载失败或者文档不完整,请联系客服人员解决!

下一篇:2005级轻稀贵金属冶金学(B) - 图文

相关阅读
本类排行
× 注册会员免费下载(下载后可以自由复制和排版)

马上注册会员

注:下载文档有可能“只有目录或者内容不全”等情况,请下载之前注意辨别,如果您已付费且无法下载或内容有问题,请联系我们协助你处理。
微信: QQ: