javascript (一)

来源:互联网 发布:pp苹果助手mac版 编辑:程序博客网 时间:2024/06/05 09:42

JavaScript是什么?

首先,它是一种脚本语言,或者叫做描述语言。它是运行在客户端的脚本语言,所有源代码都是可以看见的。

JavaScript能做什么?

1)操纵浏览器对象,例如窗口的打开和关闭,浏览器类型和版本检测等。

2)操作dom树,这是javascript运用最为广泛的领域。

3)通过xmlhttprequest对象于服务器端进行通讯,这是ajax的技术核心。

4)xml编程

5)于浏览器的插件进行交互。


JavaScript定义:

1、Javascript代码写在<script language=javascript></script>这对标记中,放置在HTML页面任何部位,一般习惯放在head里。
2
直接在标签的事件里写javascript脚本。
3
将javascript脚本写在一个外部文件中,然后导入。


JavaScript中的函数:

JavaScript中的函数分为两种,预定义函数和自定义函数。预定义函数就是JavaScripy开发环境为程序员设计好了的函数。自定义函数就是程序员为了方便开发自己编写的函数。


函数的定义:
使用函数前,要先定义才能调用。定义函数的格式为:
function 函数名([参数1,参数2...])
{  
代码块;
}


JavaScript中数组的概念:

数组是一组具有相同类型的变量的集合。
这些变量称为数组的元素,每个数组元素都有一个编号,这个编号叫做下标,我们可以通过下标来区别这些元素。数组元素的个数有时也称之为数组的长度。
注释:由于javascript是一种弱类型的脚本语言,因此,javascript中数组可以存储类型不相同的变量。


Array对象的定义:

数组是对象,所以使用关键字new来创建。创建数组有两种方法:
(1)建立数组的同时,为每一个数组元素赋值,即静态初始化。
语法:
var 数组名=new Array(元素1,元素2,…) 

(2)建立数组时,不为每个元素赋初值,以后根据实际的需要再赋值。(可以定义数组的长度,也可以不定义,好的习惯是定义数组的长度)。
语法:
var 数组名=new Array(数组的长度)
数组名[元素索引]=值


数组函数:

ToString()

返回一个字符串,该字符串包含数组中的所有元素,各个元素间用逗号分开。
例子:
Var Arr = new Array(“100”,”200”);
Var str = Arr.toString();
此时: str的值为”100,200”


concat()

数组函数concat将参数中的元素合并到数组中,但并不改变数组原来的属性。

例1:
var Arr1 = new Array(“100”,”200”);
var Arr2 = Arr1.concat(“300”,”400”);
此时,Arr1的值还是(“100”,”200”),没有改变
而Arr2的值为(“100”,”200”, “300”,”400”)。


例2:
Var Arr1 = new Array(“100”,”200”);
Var Arr2 = new Array(“300”,”400”);
Var Arr3 = new Array(“500”,”600”);
Var Arr4 = Arr1.concat(Arr2,Arr3);
此时,Arr1的值还是(“100”,”200”),没有改变,
Arr2的值还是(“300”,”400”),没有改变,
Arr3的值还是(“500”,”600”),没有改变,
Arr4的值为:(“100”,”200”,“300”,”400”,”500”,”600”)。


Join()

将数组中所有元素合并为一个字符串,如果指定参数,则该参数将作为字符串中分开各数组元素的分隔符,默认以逗号来分割。
例子:
Var Arr = new Array(“100”,”200”);
Var str1 = Arr.join();
Var str2 = Arr.join(“#”);
此时str1的值为“100,200”。
str2的值为”100#200”


pop()

返回数组中最后一个元素,并将最后一个元素删除。
例子:
Var Arr = new Array(“100”,”200”,”300”);
Var str = Arr.pop();
此时str的值为“300”,Arr的值为(“100”,”200”)



push()

将参数添加到数组的结尾。
例子:
Var Arr = new Array(“100”,”200”);
Arr.push(“300”,”400”);
此时Arr的值为(“100”,”200”, “300”,”400”);
行业经验:该函数也可以将一个数组中的所有元素添加到一个数组的结尾。


shift()

移去数组的第一个元素,并返回这个元素的值(其余的元素均向前移动一位)。
例子:
Var Arr = new Array(“100”,”200”,”300”);
Var str = Arr.shift();
此时str的值为”100”,Arr的值为(“200”,”300”)


unshift()

将参数列表插入到数组的开头(其余元素均向后移动)。
例子:
Var Arr = new Array(“10”,”20”);
Arr.unshift(“30”,”40”);
此时:Arr的值为(“30”,”40”, “10”,”20”)
行业经验:该函数也可以将一个数组中的所有元素添加到一个数组的开头。


reverse()

将数组中的元素反转排列,这个操作是在原有数组上进行操作,同时也返回数组本身。
例子:
Var Arr = new Array(“10”,”20”,”30”,”40”);
Arr.reverse();
此时Arr的值为(“40”,”30”,”20”,”10”)


splice()

从数组对象中移除指定长度的元素,并替换为新的元素(相当于执行替换操作)。返回被删除元素组成的数组。
例子:
Var Arr1 = new Array(“10”,”20”,”30”,”40”);
Var Arr2 = Arr1.splice(1,2,”50”,”60”);
此时Arr1的值为(“10”,”50”,”60”,”40”)
Arr2的值为(“20”,”30”)
行业经验:如果没有制定新的元素,则相当于执行删除操作。其中第一个参数代表开始下标(从0开始),第二个参数代表替换元素个数,后面的是替换的内容。


字符串函数:

anchor()

意义:创建 HTML 锚。
语法:stringObject.anchor(anchorname) 
实例:
<script type="text/javascript">
 var txt="Hello world!" document.write(txt.anchor(“myanchor ")) </script> 
上面的代码将输出为纯粹的 HTML:
<a name="myanchor">Hello world!</a> 


charAt()

字符串函数charAt的功能是从字符串中找出一个指定的字符。
基本语法:
Var str = “hello,world”;
Var str1 = str.charAt(6);
此时str1的值为“w”;chatAt函数的中的一个参数是字符索引,字符索引的范围是0----字符长度-1.


charCodeAt() 

charCodeAt() 方法可返回指定位置的字符的 Unicode 编码。这个返回值是 0 - 65535 之间的整数。
语法
变量名.charCodeAt(index) 
实例:
var str="Hello world!" document.write(str.charCodeAt(1)) 


indexof()

字符串函数indexOf将字符串中的字符由前向后搜索,返回子字符串在字符串中第一次出现的字符索引。
基本语法:
Var str = “hello,world”;
Var IIndex = str.indexOf(“ll”);
此时,IIndex的值为2.


lastindexof()

字符串函数lastIndexOf将字符串中的字符由后向前搜索,返回子字符串在字符串中最后一次出现的字符索引。
基本语法:
Var str = “hello,world”;
Var IIndex = str.lastIndexOf(“ll”);
此时,IIndex的值为9.


subString()

字符串函数substring取出字符串中指定的起始位置到结束位置的子字符串。
基本语法:
Var str = “hello,world”;
Var str1 = str.substring(3,5);
此时str1的值为”lo”,其中第一个参数为起始索引,第二个参数为结束索引。
行业经验:当用户传递的参数起始索引大于结束索引的时候,两个参数会自动交换


ToLowerCase()

字符串函数toLowerCase将字符串中的大写字母全部转换成小写字母。
基本语法:
Var str = “Hello,WORLD”;
Vat str1 = str.toLowerCase();
此时str1的值为“hello,world”。


ToUpperCase()

字符串函数toUpperCase将字符串中的小写字母全部转换成大写字母。
基本语法:
var str = “Hello,WORLD”;
var str1 = str.toLowerCase();
此时str1的值为“HELLO,WORLD”。


fontsize()

字符串函数fontsize用来改变字符串的字体大小。
基本语法:
Var str = “Hello,WORLD”;
Vat str1 = str.fontsize(7);
此时str1的值为“<font size=‘7’>HELLO,WORLD</font>”,该函数的参数取值范围在1-7之间。


fontColor()

字符串函数fontcolor用来改变字符串的字体颜色。
基本语法:
Var str = “Hello,WORLD”;
Vat str1 = str.fontcolor(“red”);
此时str1的值为“<font color=‘red’>HELLO,WORLD</font>”。


small()
字符串函数small用来使字体变小。
基本语法:
Var str = “hello,world”;
Vat str1 = str.small();
此时str1的值为“<small>hello,world</small>”,


big()

字符串函数big用来使字体变大。
基本语法:
<script type="text/javascript"> 
var str="Hello world!" document.write(str.big()) 
</script> 
此时str1的值为“<big>hello,world</big>”,


bold()

字符串函数bold用来使字体变粗。
基本语法:
Var str = “hello,world”;
Vat str1 = str.bold();
此时str1的值为“<b>hello,world</b>”,


strike()

字符串函数strike用来给字体加删除线。
基本语法:
Var str = “hello,world”;
Vat str1 = str.strike();
此时str1的值为“<strike>hello,world</strike>”,


sub()

字符串函数sub用来使字体显示为下标。
基本语法:
Var str = “22”;
Vat str1 = str.sub();
此时str1的值为“<sub>22</sub>”,


sup()

字符串函数sup用来使字体显示为上标。
基本语法:
Var str = “22”;
Vat str1 = str.sup();
此时str1的值为“<sup>22</sup>”,


link()

link() 方法用于把字符串显示为超链接。
语法
stringObject.link(url) 
实例
<script type="text/javascript"> 
var str="Free Web Tutorials!" document.write(str.link("http://www.w3school.com.cn")) 



JSON.parse()

将json格式的字符串转化为json对象,

该方法要求严格按照json格式拼接的字符串

JSON.parse(str)
</script>  

原创粉丝点击