1.1JavaScript介绍与第一个demo

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元素

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值