JavaScript是什么?
一提JavaScript,我们会自然而然地联系到Java,事实上JavaScript与Java是风马牛不相及的两件事,JavaScipt起初不是叫这个名字,之所以要起这个名字,就是想趁Java热度.Java是编程语言,JavaScript是脚本语言
JavaScript是一种轻量级、动态的脚本语言,其作用就是使网页产生交互。
其实JS是一种客户端脚本语言,所谓客户端脚本:页面从服务器返回后,运行在浏览器的代码,这个代码经常响应用户的操作。
客户端脚本(JavaScript)的好处:
- 可用性:不必返回服务器就可以修改页面
- 效率:可以不等服务器就进行对页面小而快速的修改
- 事件驱动:可以响应用户操作,比如单击或按键
接下来,我们来编写第一个demo,从demo中感受什么是JavaScript已经到底如何去用JavaScript
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Js的第一个demo</title>
</head>
<div>
<button>点我试试看吧!</button>
</div>
<body>
</body>
</html>
那么我们接着去写脚本
function say(){
alert('真帅!');
}
alert(‘mesage’)函数就是在弹出的对话框向用户展示信息
接下来我们就是连接事件处理程序和控件,简单来说就是把html与js连在一块
我们需要在html文件这样改动
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Js的第一个demo</title>
<script src="js-demo.js" type="application/javascript"></script>
</head>
<div>
<button onclick="say();">点我试试看吧!</button>
</div>
<body>
</body>
</html>
script标签就是定义或连接到脚本
button后面加了一个onclick表面是单击触发
另外如果在html中某一个地方你不想使用JavaScript,你可以使用noscript元素