Javascript

来源：互联网发布：mac上如何下载ps 编辑：程序博客网时间：2024/05/09 04:45

目录
初试Javascript
Javascript语句
定义和使用函数
使用变量和类型
- 变量
- 基本类型
  - 字符串类型
  - 布尔类型
  - 数值类型
对象
- 对象的创建
- 对象的使用
  - 读取和修改对象属性
  - 增删属性和方法
  - 枚举对象属性
  - 判断对象是否具有某个属性
显式类型转换
数组
- 数组的创建
  - 调用new Array 创建
  - 使用数组字面量
- 数组的读取修改和枚举
- 内置的数组方法

初试Javascript

在html中有两种定义Javascript脚本的方式：
1.直接写在<script> 标签中（内嵌脚本）1
2.写在外部文件中（外部脚本）

Javascript语句

Javascript语句就是一条命令，之后用;隔开。

<script type="text/javascript">    document.writeln("Hello");    document.writeln("World");</script>

定义和使用函数

常见有三种函数形式：
1.无参
2.有参
3.有返回值

可以组合使用

<!DOCTYPE HTML><html lang="en">    <head>    </head>    <body>        <script type="text/javascript">            function myFun(name){                return ("name : " + name);            };            document.writeln(myFun("zrh"));        </script>    </body></html>

使用变量和类型

变量

Javascript语言定义变量用var关键字。没有类型声明。
变量根据作用域分为：
1. 全局变量
直接定义在<script> 标签中的变量，可以在任何地方中使用，包括在其他脚本中。
2. 局部变量
定义在函数内部的只能在函数中访问到。

基本类型

Javascript基本类型有三种：字符串类型（string），布尔类型（boolean）和数值类型（number）。
注意：Javascript语言为弱类型语言，Javascript会根据内容来选择类型。

字符串类型

用双引号包含的字符串。字符串连接可以直接使用+ ,它的优先级要比加号+ 高。

布尔类型

bool类型值有true和false，常用作判断。

数值类型

没有显式名称，Javascript会根据用户定义选择类型。

var daysInWeek=7;var pi=3.14;var hexValue=0xFFFF;

对象

Javascript中所有都是对象，对象拥有属性跟方法。

对象的创建

对象创建方法有两种：
1.调用new Object()
该方法先创建一个对象，然后通过赋值来定义属性和方法。

<!DOCTYPE HTML><html lang="en">    <head>    </head>    <body>        <script type="text/javascript">            var myData=new Object();            myData.name="zrh";            myData.age="19";            myData.printData=function(){                document.writeln(this.name + " " + this.age);            };            myData.printData();        </script>    </body></html>

2.使用对象字面量

<!DOCTYPE HTML><html lang="en">    <head>    </head>    <body>        <script type="text/javascript">            var myData={                name:"zrh",                age:"19",                printData:function(){                    document.writeln(this.name + " " + this.age);                },                printHello:function(){                    document.writeln("hello");                }            }            myData.printData();            myData.printHello();        </script>    </body></html>

需要注意的几点：属性与值之间用: 隔开，各个属性或方法之间要用, 隔开。

对象的使用

读取和修改对象属性

有两种方式：
1. 对象名.属性名
2. 对项名:[“属性名”]
第二种方式比较方便，是枚举对象属性的基础，这种方式提供了我们可以用变量来表示属性。

var propName="name";myData[proName]="zrh";

增删属性和方法

增加跟定义一样，删除用到delete 关键字。

delete myData.name;delete myData.printHello;

枚举对象属性

枚举对象属性可以使用for...in 语句。

<!DOCTYPE HTML><html lang="en">    <head>    </head>    <body>        <script type="text/javascript">            var myData={                name:"zrh",                age:"19",                printData:function(){                    document.writeln(this.name + " " + this.age);                },                printHello:function(){                    document.writeln("hello");                }            }            for(var prop in myData)            {                document.writeln("Name " + prop + " Value " + myData[prop]);            }        </script>    </body></html>

循环处理myData对象，每次迭代属性名会被赋给prop变量。

判断对象是否具有某个属性

使用in 表达式来判断对象是否具有某个属性。

var hasName="name" in myData;var hasAge="age" in myData;

这两个变量的值会是布尔类型。

显式类型转换

数值转字符串
通过使用toString() 方法或者String() 函数

方法说明返回值 toString() 以十进制形式表示数值字符串 toString(2)（其余类似）以二进制等形式表示数值字符串 toFixed(n) 以小数点后有n位数字的形式表示实数字符串 toExponential(n) 以指数表示法表示数值。尾数的小数点前后分别有1位数字和n位数字字符串 toPrecision(n) 用n位有效数字表示数值，在必要的情况下使用指数表示法字符串

2. 字符串转数值

方法说明 Number(< str >) 通过分析指定字符串，生成一个整数或实数值 parseInt(< str >) 通过分析指定字符串，生成一个整数值 parseFloat(< str >) 通过分析指定字符串，生成一个整数或实数值

后面两个函数还会忽略数字字符后面的非数字字符。

<!DOCTYPE HTML><html lang="en">    <head>    </head>    <body>        <script type="text/javascript">           var numString="12345ds6";           document.writeln(parseInt(numString));        </script>    </body></html>

数组

数组的创建

有两种方式创建数组：

调用`new Array()` 创建

<!DOCTYPE HTML><html lang="en">    <head>    </head>    <body>        <script type="text/javascript">           var myArray=new Array();           myArray[0]=0;           myArray[1]="zrh";        </script>    </body></html>

使用数组字面量

<!DOCTYPE HTML><html lang="en">    <head>    </head>    <body>        <script type="text/javascript">           var myArray=[1,2];           myArray[2]=3;           for(var i=0;i<myArray.length;i++)           {            document.writeln("Inde " + i + ": " + myArray[i]);           }        </script>    </body></html>

数组的读取、修改和枚举

上面代码已经演示了。

内置的数组方法

方法说明返回值 concat(< otherArray >) 合并数组数组 join(< separator >) 把元素连接成字符串，分隔符为参数字符串 pop(),push(< item >) 把数组当作栈使用对象，void reverse() 反转数组元素的次序数组 sort() 排序数组元素数组 slice(< start >,< end >) 返回一个子数组数组 shift(),unshift(< item >) 类似pop，push，但是是从数组头操作对象，void

内嵌脚本要写在其他元素之后，这样保证浏览器在执行脚本之前以及解析了其他元素。 ↩

0 0