1js基础

定义

JavaScript是基于对象的脚本语言
解释执行
代码以纯文本形式存储
类型宽松（弱类型）
Netscape公司和Sun公司联手完成

JavaScript功能

表单确认
页面修饰以及特殊效果
导航系统
基本数学运算
动态文档生成

JavaScript特点

脚本编写
基于对象
简单
安全
动态
跨平台

JavaScript相关概念

ECMAScript—国际标准
DOM文档对象模型
BOM浏览器对象模型

写在哪里

写在页面里(内联)

在head中用

在标签上嵌入(内联)

写到外部文件里，页面里引用(外联)

基本语法

变量命名（基本与java相同）

以字母、下划线（_）或美元符号（$）开头
余下的字符可以是下划线、美元符号或任何的字母、数字
最长为255个字符
不能有空格，大小写敏感
不能使用JavaScript中的关键字或保留字命名

注释写法

单行 //
多行 /* */

如何输出

alert(); 弹出窗口显示
console(); 控制台输出

JavaScript保留字(简单看一下)

js数据类型

基本数据类型（五种）：Number String Boolean Undefined Null
Number:数字类型
String:单引或双引括起来
Boolean：布尔类型true/false
Undefined:定义但未赋值
Null：空对象
引用类型：Object
如何判断数据类型typeof(变量名)
例子

isNaN()函数

Not a Number 判断不是数字？

alert(isNaN(NaN));          //true
alert(isNaN(25));           //false，25是一个数值
alert(isNaN('25'));         //false，'25'是一个字符串数值，可以转成数值
alert(isNaN('Lee'));        //true，'Lee'不能转换为数值
alert(isNaN(true));

除了定义变量，其他语法与java相同

for-in语句

var mycars=new Array();
mycars[0]="audi";
mycars[1]="bmw";
for(x in mycars){
document.write(mycars[x]);
}
转义字符：详见课件第37页。

课堂练习

1、输出a，b 2个数中的最大值
2、输出1到100的整数的和

参考答案：

函数#

类似java中的方法

函数定义语法

【】括号内为可选项
第一种标准方式
function 函数名( [ 参数1, [ 参数2, [ 参数N ] ] ] )
{
[ 语句组 ];
[ return [表达式] ];
}
例1）无参无返回值函数

 2)有参无返回值函数

 

有参有返回值

第二种函数变量定义方式

var 变量名 = function( [ 参数1, [ 参数2, [ 参数N ] ] ], [ 函数体 ] );

两种方式区别

第一种会生成全局函数，会产生函数声明提前现象。会代码顺序上看，还没有定义就可以使用

函数调用

链接调用

点我

事件触发调用

   


点我呵呵

课堂练习

1、做一个九九表
2、使用prompt(””,””)获取用户输入的字符串，直到实现输入“STOP”时停止。并打印所有的输入：其他字符使用红色，“STOP”使用蓝色。
Prompt()的使用参见下面写法：
var inputStr = prompt("请输入一串字符，当输入‘STOP’时停止","");

js全局对象(学生试验)

http://www.w3school.com.cn/jsref/jsref_obj_global.asp

Number() 转成数字

parseInt()
parseInt(string, radix) 字符串，进制

parseInt("10");         //返回 10
parseInt("19",10);      //返回 19 (10+9)
parseInt("11",2);       //返回 3 (2+1)
parseInt("17",8);       //返回 15 (8+7)
parseInt("1f",16);      //返回 31 (16+15)
parseInt("010");        //未定：返回 10 或 8

parseFloat()
parseFloat() 函数可解析一个字符串，并返回一个浮点数
parseFloat(string)

isNaN()
isNaN() 函数用于检查其参数是否是非数字值。

eval()
eval() 函数可计算某个字符串，并执行其中的的 JavaScript 代码。

作业：

作者：wqjcarnation
链接：https://www.jianshu.com/p/ed5f634dbe6d
来源：
著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。