JavaScript是一种可嵌入到HTML文档中基于对象(Object Based)和事件驱动(Event Driver)的脚本编程语言,它的运行依赖于浏览器并且运行于客户端。
一个 JavaScript 程序其实是一个文档,一个文本文件,它嵌入到 HTML 文档中执行。所以,一般的本文编辑器就可以实现编写javascript代码。
1、将javascript嵌入到HTML文档中,一般有两种实现方法。一种是直接在HTML文档中的任何地方加入<script>
<!--你的js代码-->
</script>
值得注意的是,js代码必须在<frameset>之前插入才有效。
另一种是将js代码写在一个以 .js为后缀的js文件里,用以下方法引入到HMTL档供使用
<script src="你要引入的.js文件的路径" type="text/javascript"></script>
这两种实现的例子如下:
<html>
<head>
<title>js exmaple</title>
<!--直接在HMTL文档中写js代码-->
<script>
function sayHello() {
alert("hello");
}
</script>
<!--从.js文件中加载-->
<script src="myjs/util.js"></script>
</head>
<body>
</body>
</html>
2、变量声明
javascript中用 var关键字声明一个变量,如:var userName;由于javascript使用的是弱类型,所以声明时不需要指定具体类型,在运行时会根据所赋的值检查其数据类型。比如声明 var v; 在运行中如果出现v = 123;那么变量v指数值类型,如果运行中出现的是v = "123",v 为字符串类型。
3、函数声明,介绍两种型式
一、function sayHello(who) { //who为参数
alert("say hello to: " + who);
}
二、var sayHello = function(who) {
alert("say hello to: " + who);
}
说明:第二种声明方式是将函数的指针赋给一个变量,调用如下:sayHello("whoOne");和第一种声明方式调用一样。举个第二种声明方式有用的应用,如,在js代码中,给一个铵钮的onclick事件注册一个方法可以如下声明: var btn = document.createElement("button");
btn.onclick= function() {
//添加当点击此铵钮时想执行的js代码
}
4、事件响应
声明了的函数可以在js代码里被调用,也可以用于响应事件。如:
<html>
<head>
<title>js exmaple</title>
<!--直接在HMTL文档中写js代码-->
<script>
function sayHello() {
alert("hello");
}
</script>
</head>
<body>
<!--响应button中的onclick事件(单击事件),调用sayHello()方法-->
<button onclick="sayHello()">点击将调用sayHello()方法来响应</button>
</body>
</html>
运行例子,点击铵钮后运行结果如下:
备注:这是一篇很简单的javascript相关知识文章,适合对javascript完全没概念的初学者参考, 有误之处,请指正讨论。
posted on 2008-04-27 22:53
Sonny Li 阅读(455)
评论(2) 编辑 收藏 所属分类:
javascript编程语言