简单的例子

首页 > JavaScript基础知识 > 简单的例子

目录

准备工作

写JavaScript不需要什么特别的软件。和HTML文件一样,需要准备的东西就只有“电脑”、“文本编辑器”和“浏览器”。本站以Windows为基础介绍JavaScript,如果你是用Macintosh的话,有些技术支持的情况有可能不一样。

Hello World

不管学什么编程语言,上来总少不了Hello World。让我们在记事本里输入下面的代码,保存为HTML文件,然后用浏览器打开它看看。

<html>
<head>
<title>举例</title>
</head>
<body>
<script type="text/javascript">
<!--
document.write("Hello World");
// -->
</script>
</body>
</html>

浏览器上显示了“Hello World”对吧?恭喜你完成了第一个 JavaScript 程序。

显示时间

想在浏览器里显示“Hello World”的话,不用特地写JavaScript,直接写HTML反而更加简单。所以我们下面试试一个复杂点的程序。

<html>
<head>
<title>举例</title>
</head>
<body>
<script type="text/javascript">
<!--
dd = new Date();
document.write(dd.toLocaleString());
// -->
</script>
</body>
</html>

每次刷新页面,显示的时间都不一样对吧?(刷新页面请按快捷键F5)。像这种内容会变化的网页,HTML是办不到的。

时钟

上面的例子里,网页上的时间要刷新页面才会更新。那怎么样才能让它成为一个不停走动的时钟呢?

<html>
<head>
<title>举例</title>
<script type="text/javascript">
<!--
function shijian() {
    dd = new Date();
    document.F1.T1.value = dd.toLocaleString();
    window.setTimeout("shijian()", 1000);
}
// -->
</script>
</head>
<body onload="shijian()">
<form name="F1" action="#">
<input type="text" name="T1" size=50>
</form>
</body>
</html>

渐渐开始像一个程序了。看不懂也不要紧,下面会慢慢讲解,重要的是先了解JavaScript的概念。