您的位置：首页 > Web前端 > JavaScript

JavaScript中的一些基本用法

2013-05-14 17:22 337 查看
JavaScript原名叫LiveScript,后来加入了Java的一些语法，改名为JavaScript，与Java没有一点关系。它是一种浏览器前端脚本语言，执行在浏览器端。

在进行一些与服务端无关的控制时可以用它，可以减少网络流量。

JavaScript的脚本我们常写在head头中或写在一个文件中，并在html的头中调用。

一、JavaScript是一种弱类型语言，不用指定它的变量的具体类型，与所付的值的类型相同，但string,Array等不是高级语言所说的引用类型，而是一个实例或叫对象。它的变量声明为：

<script type="text/javascript">
var tmpvalue = 25;
alert(tmpvalue);
tmpvalue = "test";
alert(tmpvalue);
</script>


二、函数。　它的声明类型为 function 名称(参数...){函数体}

<script type="text/javascript">
function GetValue(value) {
return "the value: " + value;
}

alert(GetValue("myvalue"));
</script>


三、匿名函数。　即可函数做为一个参数进行调用。如下代码：

<script type="text/javascript">
/*
function GetValue(value) {
return "the value: " + value;
}

alert(GetValue());
*/

var f = function (name) {
return "The name is: " + name;
};

alert(f("你好"));

alert(function (Age) {return "The Age: "+Age}(22));
</script>


后一种方法不建议使用，会使人头晕。

四、变量的初始化
　　

　　javaScript中有两种类型来检测是否有初始化，一个为null,另一个为undefined.

null代表为一个空值，但与我们高级语言中的Null又有些不一样，不全是Null.

nudefined表示此变量没有指定值，相当于高级语言中的Null,就像上面(二、函数)那部分，如果你在调用GetValue时这样写：alert(GetValue()), 网页会显示的结果为: the value: undefined.

五、闭包，相当于我们高级语言中的“类”。（JavaScript中没有类这一说法。）

可以把函数当成我们所用的类的一种来操作，如它的属性，它的构造函数等，如下：

<script type="text/javascript">
function Person(name, age) {
//Name和Age相当于类的属性
this.Name = name;
this.Age = age;
//Indroduce相当于类的方法
this.Indroduce = function () {
return "The person : " + this.Name + "'s age is " + this.Age;
};
}

var p = new Person("小王", 20);
alert(p.Indroduce());
</script>


六.数组、字典及stack
在JavaScript中没有高级语言中的动态或静态数组之称。它就一个Array类型的东西，可随意指定它的大小，也可以用于dictionary或stack

如下：声明一个数组：

<script type="text/javascript">
var myarr = new Array();
myarr[0] = "aa";
myarr[1] = "bb";
....
</script>


dictionary:

<script type="text/javascript">
var myarr = new Array();
myarr["名称"] = "aa";
myarr["住址"] = "bb";
myarr["单位"] = "cc";
alert(myarr["名称"]);
alert(myarr.名称);
</script>


用stack时可以用到pop,push等方法。

也可以用简单的方法进行声明：

<script type="text/javascript">
var myarr = [1, 2, 3];
var mystr = { "名称": "你好", "地址": "ＸＸＸＸＸ", "单位": "水电房" };
alert(mystr["单位"]);
</script>


七、for循环语句

<script type="text/javascript">
var myarr = [1, 2, 3];
var mystr = { "名称": "你好", "地址": "ＸＸＸＸＸ", "单位": "水电房" };
alert(mystr["单位"]);
for (var i = 0; i < myarr.length; i++)
alert(myarr[i]);

for(var k in mystr)
alert(k);  //显示名称、地址等，说明string只是一个对象，并不像高级语言中的foreach

for (var k in mystr)
alert(mystr[k]);  //显示对应的内容
</script>


八、JavaScript的一些调用常识

JavaScript通常是放在Html的Header部分，或用文件被调入。调用方法如下：

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script type="text/javascript">
var myarr = [1, 2, 3];
var mystr = { "名称": "你好", "地址": "ＸＸＸＸＸ", "单位": "水电房" };
alert(mystr["单位"]);
for (var i = 0; i < myarr.length; i++)
alert(myarr[i]);

for(var k in mystr)
alert(k);  //显示名称、地址等，说明string只是一个对象，并不像高级语言中的foreach

for (var k in mystr)
alert(mystr[k]);  //显示对应的内容
</script>
</head>
<body>
<form id="form1" runat="server">
<div>

</div>
</form>
</body>
</html>


上面为直接写在header中，html的执行顺序也是从上到下的。下图为用文件来调用。我们在文件中写入一个函数，然后再调用此文件，再用button的onclick来调用此函数，如下图：

JScript1.js为js的文件，它的内容为：

function GetTheAddress(addr) {
return addr;
}

以下为调用过程：

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src="JScript1.js" type="text/javascript">   </script>
</head>
<body>
<form id="form1" runat="server">
<div>
<input id="Button1" type="button" value="button" onclick="JavaScript:alert(GetTheAddress('长安路112号'))" /></div>
</form>
</body>
</html>


Alert是弹出对话框的意思。
要调入js文件，则用到src的属性。

JavaScript中的字符串可以为单引号也可以为双引号，如上图中的onclick事件中的东西。

　　

　　
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航