第三阶段 06_JavaWeb基础_JS介绍

最新推荐文章于 2024-09-27 00:45:01 发布

Rki-dor

最新推荐文章于 2024-09-27 00:45:01 发布

阅读量232

点赞数

文章标签： java javascript ViewUI

原文链接：http://www.cnblogs.com/BaiZe258/p/9233630.html

版权

一、什么是JavaScript（JS）？

　　JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。

二、JavaScript与Java是什么关系？

　　它俩没有关系，千万别把它俩混淆了，JavaScript是嵌入网页中的脚本语言。Java分为SE（桌面开发），EE（网页开发），ME（移动端开发）。如果非要说有关系的话，网上最多认可的是：因为当时Java比较火，LiveScript蹭热度，改成JavaScript名字的

三、JavaScript的组成

　　ECMAScript，描述了该语言的语法和基本对象

　　文档对象模型（DOM），描述处理网页内容的方法和接口。

　　浏览器对象模型（BOM），描述与浏览器进行交互的方法和接口。

四、在网页中调用JavaScript

　　　（一）直接加入HTML文档

　　　　　　　JavaScript的脚本程序包含在HTML中，使之成为HTML文档的一部分。其格式为：

　　　　　　　　　　JavaScript语言代码;

　　　　　　　　</script>

　　　　　　例：

　　　　　　　<!DOCTYPE html>

　　　　　　　<html>

　　　　　　　<head>

　　　　　　　　　 <script type="text/javascript">
　　　　　　　　　　　　　document.write("Hello,JavaScript!");

　　　　　　　　　　　　　 alert("欢迎进入JavaScript的世界！");

　　　　　　　　　　</script>
　　　　　　　</head>
　　　　　　　<body>

　　　　　　　　　　<h3 style="font:14pt;text-align:center">JavaScript网页特效</h3>

　　　　　　　</body>
　　　　　　　</html>

　　　　（二）引用脚本文件

　　　　　　如果已经存在一个文件（以.js为扩展名),则可以使用script标记的src属性引用外部脚本文件的URL。采用引用脚本文件的方式，则可以提高程序代码的利用率。其格式为：

　　　　　　<head>

　　　　　　　　.....

　　　　　　　　.....

　　　　　　</head>

　　　　例：

　　　　　　 <!DOCTYPE html>

　　　　　　　<html>

　　　　　　　<head>

　　　　　　　</head>
　　　　　　　<body>

　　　　　　　　　　<h3 >JavaScript网页特效</h3>

　　　　　　　</body>
　　　　　　　</html>

　　　　脚本文件test.js的内容：　

　　　　　　　　　　　　　 document.write("Hello,JavaScript!");

　　　　　　　　　　　　　 alert("欢迎进入JavaScript的世界！"); // 效果通上图

　　　　（三）在HTML标签内添加脚本

　　　　　　　可以在HTML表单的输入标签内添加脚本，以响应输入的事件

　　　　　例：

　　　　　　　<!DOCTYPE html>
　　　　　　　<html>
　　　　　　 <head>
　　　　　　　　<title></title>
　　　　　　　</head>
　　　　　　 <body>
　　　　　　　　Hello，JavaScript！
　　　　　　　　<form>
　　　　　　　　　　<input type="button" οnclick="JavaScript:alert('欢迎进入JavaScript世界！');" value="单击此按钮">
　　　　　　　　</form>
　　　　　　　　<h3 style="font: 14pt;text-align: center">JavaScript网页特效</h3>
　　　　　　　</body>
　　　　　　　</html>

（五）JavaScript的主要特点

　　　　1.解释性：

　　　　　　JavaScript不同于一些编译性的程序语言，例如Java，它是一种解释性的程序语言，不需要编译，可在浏览器中直接运行

　　　　2.基于对象：

　　　　　　JavaScript是一种基于对象的语言，这意味着它能运用自己已经创建的对象。因此许多功能可以来自于脚本环境中对象的方法与脚本的相互作用

　　　　3.事件驱动：

　　　　　　JavaScript可以直接对用户或客户端输入做出响应，无需经过Web服务程序。它对用户的响应，是以事件驱动的方式进行的。所谓事件驱动，就是指在网页中执行了某种操作所产生的动作，此动作被称为“事件”，例如单击鼠标、移动窗口、选择菜单等都可以视为事件。当事件发生后，可能会引起响应的事件响应，例如（三）在HTML标签内添加脚本中，onclick就是点击事件，然后执行alert弹出窗口。

　　　　4.跨平台：

　　　　　　JavaScript依赖于浏览器本身，与操作环境无关，只要是能运行浏览器的计算机，并支持JavaScript的浏览器就可以正确执行了

　　　　5.安全性：

　　　　　　JavaScript是一种安全性语言，它不允许访问本地的磁盘，不能将数据存入服务器，也不允许对网络文档进行修改和删除，只能通过浏览器实现信息浏览或动态交互，这样可以有效防止数据丢失。

（六）JavaScript基本语法

　　　　1.大小写敏感

　　　　2.空格与换行

　　　　3.每行结尾;

　　　　4.注释

　　　　　　//被注释的内容单行注释

　　　　　　/* 被注释的内容 */ 多行注释

转载于:https://www.cnblogs.com/BaiZe258/p/9233630.html