初学-js

Posted 2020-09-04

一概念：

1.js是什么：

弱类型：类型不强

脚本语言，不需要编译；

基于浏览器，与后台无关

基于对象：有封装，无继承，因此无多态；不能创造完整事件。

事件驱动；

2.作用：

表单验证；

添加页面动画效果

动态更改页面内容

Ajax网络请求；异步， javascript and xml

3.组成部分

ECMAscript：语法

DOM文档对象模型，如：改变其样式

BOM浏览器对象模型，知道浏览器内部对象状态；如，加载完毕，弹出一个对话框；

二.语法标准：

变量名区分大小写；不能数字开头，可包含$字符

报错不告诉你在哪一行；

若有两个变量名一样，则只定义了一个变量；

三.js基本使用

1.变量

不声明直接赋值：

width=10;

为全局变量；

/*先声明再赋值*/

/*var width;

/*alert(typeof(width));*/

width=10;

alert(typeof(width));

/*同时声明变量并赋值*/

var width=10;

alert(width);

/*声明三个变量并赋值*/

var x=10,y=20,z=30;

alert(x);alert(y);alert(z);

var num=10;

var num=20;

alert(num);

/*其他语言中不可以*/

num=‘hshh‘;

alert(typeof(num));

num=true;

alert(typeof(num));

JS 的三种写法：

第一种：直接在head中写

第二种：引入外部的JS：

第三种：在body中的input中的点击事件onclick="javascript:alert()".

2.数据类型：7个（undefined，null，Boolean，number，string，object，function）

undefined

null

Boolean:必须小写

number：整数型，浮点型；

NaN：非数值

isNaN:用来判断到底是不是NaN：结果是true或false;

转换函数：有数值的只能获取前面的，如110abc110；结果是110

Number（）：将任何类型转换成数值型（必须包含数值）

parselnt（）转换成整数

parseFloat（）转换成小数（若原来是整数，则还是转换成整数）

string：用引号括起来，单双都可以；

object复杂数据类型；一组数据和功能的集合；如；标签，数组

function：函数

3.常用输入输出：

alert();弹出一个提示框

prompt：弹出一个输入框，有返回值；