【B/S】JavaScript简介

来源：互联网发布：买车票的软件编辑：程序博客网时间：2024/05/17 04:49

前言

刚刚看到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！多多动手做！多多总结！你就是最后的赢家！

0 0