JavaScript是什么呢?
JavaScript是一种很流行的脚本语言,虽然名字与java很像,不过完全不同于java。
它可用于 HTML 和 web,更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机等设备。
JavaScript 是一种轻量级的编程语言,是可插入 HTML 页面的编程代码。
JavaScript 插入 HTML 页面后,可由所有的现代浏览器执行。
JavaScript开发需要什么环境呢?
只需要:普通的记事本和普通的浏览器
JavaScript基本结构:
JavaScript有三种基本结构如下:
1.独立的js脚本文件形式
这种方法将JavaScript程序语句保存到一个独立的js文件中,通过<script>标记在HTML文件中进行调用。如下示例代码:
文件一 first.js:
document.write("<b>Hello JavaScript</b>")
文件二 first.html :
<html>
<head>
<title>这是第一个JavaScript文件</title>
<body>
<h1></h1>
<script language="javaScript" src="first.js">
</script>
</body>
</head>
</html>
程序
first.html 通过<script>标记将JavaScript文件 first.js 嵌入到当前HTML文件中。浏览器运行文件时,从上至下解析文件,当解析到script标记时,逐句执行js文件中的程序。完成所有执行后,浏览器会再回到html文件中执行它的其他标记。
<script>有两个重要属性:language和src,前者表示脚本程序使用的语言,后者表示JavaScript脚本文件的路径。
2.通过<script>标记和HTML结合
第一种方式适用于使用频率较高的JavaScript程序;而对于使用程度不高的JavaScript程序,可以采用方法二,直接将<script>块嵌入HTML文件,<script>语句块中的JavaScript程序可以在整个页面中被重用。代码示例如下:
文件 second.html :
<html>
<head>
<title>第二个JavaScript程序</title>
</head>
<body>
<h1>这是body前面</h1>
<script language="JavaScript">
document.write("<b>Hello JavaScript</b>")
</script>
<h2>这是body后面</h2>
</body>
</html>
<head>
<title>第二个JavaScript程序</title>
</head>
<body>
<h1>这是body前面</h1>
<script language="JavaScript">
document.write("<b>Hello JavaScript</b>")
</script>
<h2>这是body后面</h2>
</body>
</html>
这段代码中,通过<script>标记块将document.write 语句嵌套到HTML文件中,程序效果与1 中完全相同。
3.通过事件属性和HTML结合
这是一种特殊情况,它将JavaScript程序语句直接写在HTML标记的事件属性中,而不需要<script>标记。这是一种灵活的JavaScript程序设计方法。示例代码如下:
third.html
<html>
<head>
<title>第二个JavaScript程序</title>
</head>
<body>
<h1>这是body1</h1>
<h2>这是body2</h2>
<input type="button" onclick="i=20;i=i+100;alert(i)"value="click me"/>
</body>
</html>
<head>
<title>第二个JavaScript程序</title>
</head>
<body>
<h1>这是body1</h1>
<h2>这是body2</h2>
<input type="button" onclick="i=20;i=i+100;alert(i)"value="click me"/>
</body>
</html>
程序中<input type="button">声明了一个button控件,其onclick属性表示button的单击事件处理程序,其中包括3条JavaScript语句:声明变量 i ;将 i 值增加100;使用alert系统函数显示 i 值。
未完待续
作者:jinzheng069 发表于2013-3-14 0:18:11 原文链接
阅读:132 评论:1 查看评论