(本文章为个人笔记,部分内容不一定准确)

JavaScript

第一节:

JavaScript需要写到scpipt标签中

alert("")//警告窗口

document.write("")//可以向Body里输出内容

console.log("")//向控制台输出消息

可以使用js代码编写到标签的onclick属性中

<button onclick="alert('点击成功')">点击进行</button>

在a标签中编写JavaScript

<a href="javascript:alert('超链接')">ianj</a>

JavaScript可以喝CSS一样写一个外部样式文件,导入方式喝css不同,JavaScript是通过’script‘后面加一个src进行引入,同时script一旦进行引入就无法进行编写。

标识符

在Js中使用var关键字来声明变量。

在js中可以自主命名的符号都叫做标识符,如:函数名,变量名。

标识符命名需要遵循以下规则:

1.标识符可以含有字母,数字,_,$

2.标识符不能以数字开头

3.标识符不能是js中的关键字

在js中有六中数据类型

String :字符串

Number:数值

Boolean:布尔值

Null:空值

Undefined:未定义

Object:对象

String字符串:

在js字符串中需要使用引号引起来,使用单引号和双引号都可以。

引号不能进行嵌套,两个不同的引号可以进行嵌套如:

'""'||"''"

在字符串中我们可以 进行转义,进行转义的字符会被认为是一个普通的字符,t和n除外。

typeof:可以检查数据的类型,如下:

var a="张三''";
alert(typeof a);

Max_VALUE在js中可以表示一个数值的最大值,使用如下:

alert(Number.MAX_VALUE);
强制的类型转换

类型转换主要指,将其他数据类型转换为:

String,Number,Booleanc

方式一:调用toString方法类型,如:

var a=55;
var b;
console.log(typeof a);
b=a.toString()
console.log(typeof b)

该方法不会更改原变量的值,只会返回一个新的值。

方式二:调用String()函数,并将被转换的数据作为参数传递给函数 .

var a=55;
a=String(a);
console.log(typeof a)

将其他数值转换为Number,(注意:Number函数没有toNumber)。

方式一:调用Number()函数

var a="55";
a=Number(a);
console.log(typeof a)

1.如果是纯数字则会直接转化为数字

2.如果有非数字则会转化为NaN

3.如果字符串为空串或者则会转为0

布尔值转为数字:true==0,flash==1

方式二:专门用来对付字符串

var a="55px";
a=parseInt(a);
console.log(a)

parseInt将,自字符串中的一个有效整数取出来。

var a="55.5px";
a=parseFloat(a);
console.log(a)

parseFloat将字符串中的一个有效小数取出来。

运算符:

和大多数语言一样,在JavaScript运算符中,+用于加值,=用于赋值,如下,答案为7:

y=5;
z=2;
x=y+z;

JavaScript常用运算符为:

+:加法

-:减法

*:乘法

/:除法。

%:取模(余数)。

++,自增。

--:自减。

如果要把两个字符串串列起来可以使用‘+’,如下:

var a="What a very";
var b="nice day";
var c=a+b;

注意:如果两个数字相加返回数字为两位数的和,如果字符串和数字相加返回的则为字符串。

赋值运算符:

常用赋值运算符为:

运算符例子等同于运算结果
=x=y x=5
+=x+=yx=x+yx=15
-=x-=yx=x-yx=5
*=x*=yx=x*yx=50
/=x/=yx=x/yx=2
%=x%=yx=x%yx=0
比较和逻辑运算符:

比较和逻辑运算符用来测试true和flash。

比较运算符`:

运算符描述比较返回值
==等于x==8false
x==5true实例 »
===绝对等于(值和类型均相等)x==="5"false
x===5true实例 »
!=不等于x!=8true
!==不绝对等于(值和类型有一个不相等,或两个都不相等)x!=="5"true
x!==5false实例 »
>大于x>8false
<小于x<8true
>=大于或等于x>=8false
<=小于或等于x<=8true

逻辑运算符9632

运算符描述例子
&&and(x < 10 && y > 1) 为 true
\\ or(x==5 \\y==5) 为 false
!not!(x==y) 为 true
条件运算符:

如下:如果1<2,则执行1,否则执行2

(1<2)?console.log("1"):console.log("2")
判断语句:

if语句和Java的一样,代码如下:

if (1>10){    
    console.log("1")
}else {  
    console.log("false")
}

switch语句也和Java一样,如下:

var a=25;
switch (a) { 
    case 1:      
        console.log("1")
        break;
    case 2:
        console.log("2")
        break;
    default:
        console.log("不知道");
}
default 关键词:

default关键字的意思是除外,当以上所有条件都不满足时执行该操作。

循环:

如果你想要一个代码重复运行可以使用循环

for:猜猜是什么和java一样,没错for循环和Java中的for循环几乎一模一样,代码如下。

var a=2;
for (var i = 0; i <=10 ; i++) {
    console.log(a)
}

while:

while 循环会在指定条件为真时循环执行代码块,代码如下:

var i=0;
while (i<5){
    x=x + "The number is " + i + "<br>";
    i++;
}

do/while:

do/while 循环是 while 循环的变体。该循环会在检查条件是否为真之前执行一次代码块,然后如果条件为真的话,就会重复这个循环 .

do
{
    x=x + "The number is " + i + "<br>";
    i++;
}
while (i<5);

JavaScript 对象:

现在我们开始正式的了解并学习JavaScript。

声明对象

在JavaScript中,声明对象的方法不止一种,如:

var user={name:"张三",id:1001}
var user=new Object(); 
user.name="张三";

在JavaScript中我们可以使用以下方法调用属性,如:

var user=new Object(); 
user.name="张三";
console.log(user["name"])
var user=new Object(); 
user.name="张三";
console.log(user.name);

调用对象

在JavaScript中,对象中可以继续存放对象**,如:

var a={name:"张三"};
var b=user;
console.log(b.name)

注意:上述方法中,a和b是用了同一个存储地址,所以修改a同时也会改变b的内容

JavaScript函数:

函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。

  1. 函数是一个对象
  2. 函数可以封装一些代码(功能),需要的时候执行这些代码。
  3. 函数可以保存一些代码在需要的时候调用

实列:

在HTML里面写入以下代码:

<button onclick="fun()">点击运行</button>

<button onclick="fun()">点击运行</button>

在js中写入以下代码:

function fun() {  
    alert("运行成功")
}

最后在网页运行便可以看到成果。

创建函数对象。

对象中可以将要封装的代码以字符串的形式传递给构造函数,如下

var fun=new Function("console.log('hello,word')");
fun();

不过上述方法基本上不会使用。

大部分会使用以下方法:

function fun() {
    alert("hello,word")
}
fun();
调用带参数的函数

有时我们会希望往函数里面传入数据,这时我们可以使用以下方法:

参数可以是任意数值。

function fun(a) {
    alert(a)
}
fun("hello,word");
函数返回值:

如果我们希望函数返回某个具体的值,可以return进行返回,方法如下:

function fun(a,b) { 
    return a+b;
}
var c = fun(55,66);
alert(c)