top

1.如何编写javaScript代码

2.javaScript常用函数

3.页面注释

4.javascript的数据类型

5.字符串转数字

6.运算符

7.逻辑运算符

8.条件循环语句

9.for in 语句

10.with语句

11.函数

如何编写javaScript代码go top

方式1：可以使用<script>标签体内进行编写。

格式：

<script type="text/javascript">
    js代码;
</script>

 

方式2：引入外部的javascript文件。

格式： 

<script src="js文件的地址" type="text/javascript"></script>

注意：
1.<script>是有开始标签与结束标签的，千万不要在一个标签中结束了。
2.如果<script>已经用于引入了js文件，那么该<script>标签体就不能再写js代码了。

 

javascript常用的函数：go top

alert("显示的内容..") ; 弹出框

document.write("数据") ; //向页面输出数据...

页面的注释：go top

html <!-- 注释的内容-->

css的注释 /* 注释的内容*/

javascript：

//注释的内容 单行注释

/* 注释的内容*/ 多行注释

javascript的变量声明：
格式：
var 变量名 = 数据;


声明变量要注意的事项：
1. 在javascript中声明变量是 使用var关键字声明的，javascript中的变量可以存储任意的数据类型数据.
2. javascript中变量数据类型是根据存储的值决定的，可以随时更改存储数据的类型。
3. 定义了多个同名的变量时，后定义的同名变量是覆盖前面定义的同名变量。
4. 声明变量的时候可以省略var关键字，但是不建议省略。

javascript的数据类型：go top

typeof 查看变量的数据类型。

使用格式：

typeof 变量名

javascript的数据类型：

number 小数与整数

string 字符串 注意： javascript中没有字符的概念，只有字符串，字符串可以写在单引号或双引号中。

boolean 布尔数据类型，

undefined undefined代表该变量没有定义。

字符串转数字go top

parseInt() 可以把一个字符串转换成整数。
parseFloat() 可以把一个字符串转换成小数。

javascript提供一个IsNaN的方法让我们判断该字符串是否是 一个数字。

is not a muber 不是一个数字。

不是一个数字返回true，是一个数字返回false.

运算符go top

+-
true=1，false=0
document.write("除法运算是："+(10/3)+"<br/>"); //如果两个整数相除不能整数的时候结果还是小数。
字符串与字符串的比较规则是：

情况1： 能找到对应位置上的不同字符，那么就比较第一个不同字符的大小。

情况2： 不能找到对应位置上的不同字符，这时候比较的是两个字符串的长度。

 字符串还可以与数字进行比较。 凡是数字与字符串 进行比较，会先把字符串转换成数字再进行比较。

逻辑运算符：go top

与&&
或||
非!
三目运算符
布尔表达式?值1:值2;

条件循环语句：go top

if语句

特殊之处：
1. 在javascript中的if语句条件不单止可以写布尔表达式，还可以写任何的数据。

number 非0为true, 0为false.
string 内容不能空是true， 内容空的时候是false。
undefined：false
NaN: false

选择语句：

switch语句

switch(变量){
　　case 值1:
　　　　break;
　　case 值2：
　　　　break;    
　　　　.....
　　default：
　　　　break;
}

特殊之处：
1. 在javascript中case后面可以跟常量与变量还可以跟表达式。

do-while循环语句

do{
循环语句；
}while(判断条件);

for循环语句:
格式：
for(初始化语句; 判断的条件 ; 循环后的语句){
循环体语句；
}

for-in语句：go top

for-in语句的格式：

for(var 变量名 in 遍历的目标){

}

for-in语句的作用：
1. 可以用于遍历数组的元素。 注意： 使用for-in语句遍历数组元素的时候遍历出来是数组的下标。

2. 可以用于遍历对象的所有属性数据。 注意： 使用for-in语句遍历对象的属性的时候，遍历出来的是对象的属性名。

with语句:go top

With 语句，在存取对象属性和调用方法时就不用重复指定对象。

demo:

with(document){
  write("可以直接以此格式向浏览器输出信息");  
}

 

函数：go top

函数的定义格式：

function 函数名(形参列表){
　　函数体 ;
}

javascript的函数要注意的细节：

  • 1. 在 javascript中函数 定义形参时是不能使用var关键字声明变量 的。
  • 2. 在javascript中 的函数是没有返回值类型 的，如果函数需要返回数据给调用者，直接返回即可，如果不需要返回则不返回。
  • 3. 在 javascript中是没有函数 重载 的概念 的，后定义的同名函数会直接覆盖前面定义同名函数。
  • 4. 在javascript中任何的函数内部都隐式的维护了一个arguments（数组）的对象，给函数 传递数据的时候，是会先传递到arguments对象中，然后再由arguments对象分配数据给形参的。

demo：

function add( a, b){
  return a+b;  
}