您的位置：首页 > Web前端 > JavaScript

【B/S】JavaScript简介

2016-03-28 14:31 267 查看

前言

刚刚看到JavaScript看着和Java的名字似乎有点像，还以为是同一种语言呢~，后来经过深刻的学习，发现 Java与JavaScript完全是由两个不同的公司开发的两个不同的产品，完全没有半毛钱关系。下面我们一起认识认识这位强大的新朋友——JavaScript。

一、简介

我们在前文已经知道网页制作，运用HTML控制网页的内容与结构，通过CSS样式表控制网页的外观表现，但是如何实现网页的交互呢？这就需要我们的新朋友JavaScript了。

图一 盗用的CSDN中的JavaScript

看了JavaScript的的导图，大家是不是感觉有很多的东西要学啊？是不是觉得好难啊？这都是很正常的，俗话说万事开头难，现在的我们就是在一个开头的阶段，如果不难就不是凡人了。

JavaScript是一种基于对象和事件驱动并具有安全性能的脚本语言。是一种比较简单的编程语言，使用方法是向Web页面的HTML文件增加一段脚本，不需要单独编译，当一个支持JavaScript的浏览器打开这个页面的时候，它就会独处这个脚本并执行其指令。

通过编写JavaScript实现Web客户端页面的菜单设计、幻灯片设计、表格美化、表单验证等，让用户有即时操作的体验和赏心悦目的视觉享受。

二、特点

1. 一种脚本语言

采用小程序段方式实现编程。

2. 基于对象

能够创建含有属性和方法的对象，并能够实现继承。

3. 简单

数据类型简单，易于操作。基于Java基本语句和控制流上简单而紧凑的设计。对于学习Java是很好的过渡。

4. 安全

不允许访问本地硬盘，不能将数据直接存入服务器，不允许对网络文档进行修改和删除，只能通过浏览器实现信息浏览和动态互动，从而有效的防止了数据的丢失。

5. 动态

客户端是动态的，可以直接对用户输入做出响应，无须经过Web程序。

6. 跨平台

依赖浏览器，不依赖操作系统，只要操作系统能运行浏览器并且支持JavaScript，就可以执行。

三、小例子——hello JavaScript

1. 使用Dreamweave编写一个html代码；

2. 在< body >标签中添加< script >标签；

3. 在< script >下添加如下代码；

<!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=gb2312" />
<title>hello JavaScript</title>
</head>

<body>
<script type="text/javascript">
document.write("Hello");
document.write("JavaScript!<br>/*注释*/");   //这是注释
document.write("JavaScript 很精彩！");   //注释内容
window.alert("Hello JavaScript!");  //弹框显示
</script>

</body>
</html>

图二 Hello  JavaScript

四、小结

刚学习这里的时候，可能感觉不太适应，不知道在干什么，而且感觉Dreamweaver软件也不太好使，但是经过自己多次的上手实践，就会发现，so easy！多多动手做！多多总结！你就是最后的赢家！

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航