初识JavaScript

2024-04-27 15:03:14

字体：大中小

来源：转载

供稿：网友

1. 以 < script>开头，以</script>结尾,老式的浏览器中需要加上language，如： < script language = “javascript” /script> 表示该脚本是Javascript，也可以写上其他脚本的名字。

2. JavaScript语句只要放在不同的行就可以执行，但更好的方式是，在每一条语句后加上分号结尾， document.write();向页面上输出内容。 document.write(“hello!”);

// 在屏幕中输出加粗的hello<script> document.write("<strong>hello </strong>");</script>

3.变量 用 var+变量名声明一个变量可以不考虑变量的类型。所有类型都用var来声明。

1. 变量区分大小写 2. 用/表示转义字符 3. 不使用var声明的变量当做全局变量，用var声明的变量拥有特定的作用域。 4. 推荐使用下划线分割变量名中的单词，用驼峰格式命名方法名，这样可以方便的区分变量和方法。 5. JavaScript是一种弱类型的语言，即变量的使用不需要声明，而且变量的类型在使用时可以改变。

var age="thirty"; //字符串型age = 30; //数值型

常用的类型有：

var a = 16; //数字 var b = 16.123; //浮点型 var falg = true; //布尔型 var s = “hello”//字符串型

//字符串的相加运算<script> var a = "abc"; a += 'd'; document.write(a);</script>

结果是abcd。

//html中将多个空格当成一个来处理<script> var s = 'hello '; s += ' world'; document.write(s);</script>

结果是: hello world

4.运算 常见的运算符在JavaScript中都有，例如：加减乘除： +-*/ % 自加自减：++ – 加法：+= -= 逻辑： && || ？：！判断： ==（类似于C语言）字符串比较大小： > < == (小写字母大于大写字母)

5.注释 和C语言一样用//或/* */ 表示还有一种注释<!–和//的效果是一样的，在HTML中还需要加上右边的一半，但是在JavaScript中只表示注释一行

6.判断 与C语言基本相同

建议每一条if语句都加上{}

//不加括号时，else属于较近的if<script> var s = 'hello'; if (s == 'hello') if(s == 'world') document.write('world'); else document.write(s);</script>

7.循环 和c语言一样 for(;;) while() do while()

8.函数 function fun_name(形参){函数体} 函数也被当成是一种类型，有时可以像变量一样使用

//定义一个函数function add(a,b){ return a+b;}//使用函数alert('加:'+add(1,2))

//将函数类似于变量的用法function add(a,b){ return a+b;}function cal(x,y,z){ return x(y,z);}//将函数作为参数alert(cal(add,1,2));

9.数组 数组可以使用以下方法建立： 1 var a = new Array(); 2 var b = new Array(10); 3 var c = new Array(1,2,”三”,true,5.5); //自动加上下标 4 var d = [6,7,8,9,10];

数组的特点： 1，数组中的元素使用时才会被创建，即使创建了a[1]和a[10]，中间的元素依然是空。 2，数组的长度a.length为最大的下标加1，不管中间的元素是否存在。 3，数组的长度是可以人为修改的。修改后不属于长度内的元素会被清除。 4，数组的元素可以是不同的类型 5，数组的元素也可以是数组

关联数组：数组的下标用特定的名称来表示，不一定是数组，类似于 Java中的键值对，但是不推荐使用，因为对象可以更好的完成同样的效果

//var a = new Array();a[1] = 10;a[10] = 20;document.write(a[9]+"<br/>");document.write(a.length);

在这里会输出： undefined 11

//人为改变数组长度，等同于截取数组中的一段var a = new Array(1,2,3,4,5);document.write(a.length+"<br/>");a.length = 3;document.write(a+"<br/>");a.length = 5;document.write(a);

结果如下： 5 1,2,3 1,2,3,,

join(“&”) 表示认为的改变输出时元素的分隔符如：

document.write(a.join(“%”));

会输出 1%2%3

10.对象

属性和方法的集合

声明： var o = new Object(); var cidr = {x:2,y:0,radius:2};

对象的元素是在使用时添加进类中的，第一次使用时就会自动为该类创建这个成员

删除属性： delete book.name; book.name=null;

遍历属性： for(var x in book ){ x是成员的名字，用法类似于数组的下标 }

var book = new Object();book.name = '百年孤独';book.about = {name:'马尔克斯',PRice:100};document.write(book.name+'<br/>');document.write(book.about.name);

结果： 百年孤独 马尔克斯