JS | JavaScript 概述
一、JavaScript简介
在浏范网页时,既能看到静态的文本、图像,也可以看到浮动的动画,信息框以及动态变换的时种信息等。要想实现页面上这些实时的、动态的、可交互的网页效果战需要使用JavaScrip语言来编写实现。下面、将计对JavaScript的起源、JavaScript的主要特点以及JaaScript应用进行详细讲解。
(1)JavaScript的起源:
JavaScript 是Web 页面中的一种脚本编程语言,也是一种通用的、跨平台的、基于对象和事件驱动并具有安全性的脚本语言习JavaScript的前身叫做LiveScript,是由 Netscape(网景)公司开发的脚本语言。后来在Sun公司推出著名的Java语言之后,Netscape 公司和 Sun 公司于1995 年一起重新设计了 LiveScript,并把它改名为 JavaScripte。
在概念和设计方面,JAVA和JavaScript 是两种完全不同的语言。Java 是面向对象的程序设计语言。用于开发企业应用程序。而JavaScript是在浏览器中执行,用于开发客户端浏览器的应用程序,能够实现用户与浏览器的动态交互。
(2)JavaScript的主要特点:
JavaScript是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的解释性脚本语言,它具有以下几个主要特点。
- 解释性:JavaScript不同于一些编译性的程序语言(如C、C++等),它是一种解释性的理序语言,它的源代码不需要进行编译,而是直接在浏览器中解释执行。
- 基于对象:JavaScript是一种基于对象的语言,它的许多功能来自于脚本环境中对象的方法与脚本的相互作用。在JavaScript中,既可以使用预定义对象,也可以使用自定义对象。
- 事件驱动:JavaScript可以直接对用户或客户的输入做出响应,无需经过Web服务程序而是以事件驱动的方式进行的。如按下鼠标、移动窗口、选择菜单等事件发生后,可以引起事的响应。
- 跨平台性:在HTML页面中,JavaScript依赖于浏览器本身,与操作环境无关。只要在算机上安装了支持JavaScript的浏览器,那么程序就可以正确执行。
- 安全性:JavaScript是一种安全性语言,它不允许访问本地硬盘,也不能对网络文档进修改和删除,而只能通过浏览器实现信息浏览或动态交互。
(3)JavaScript的应用:
作为一门独立的编程语言,JavaScript可以做很多事情,但最主流的应用是在Web上创建网页特效。使用JavaScript脚本语言实现的动态页面,在网页上随处可见。下面介绍JS几种常见的应用。
-
验证用户输入的内容:使用JavaScript脚本语言可以在客户端对用户输入的内容进行验证。例如,在用户注册页面,要求用户输入注册信息,以确定用户输入的手机号、昵称及密码是否正确。如果用户在注册信息文本框中输入的信息不符合注册要求,或“确认密码”与“密码”文本框中输入的信息不同,将弹出相应的提示信息。
- 网页动画效果:在浏览网页时,经常会看到一些动画效果,它们可以使页面显得更加生动。使用JS脚本语言也可以实现动画特效,例如在页面中可以实现焦点图切换效果
- 窗口的应用:在打开网页时,经常会看到一些浮动的广告窗口,这些广告窗口是网站最大的盈利手段。广告窗口也可以通过JS脚本语言来实现。
- 文字特效:使用JS脚本语言可以使文字出现多种特效,例如旋转的文字。
二、JavaScript引入方式
1.内嵌式
在HTML文档中,通过<script>标签及其相关属性可以引入JS代码。当浏览器读取到<script>标签时,就解释执行其中的脚本语言。
<head> <script type="text/javascript"> //此处为JavaScript代码 </script> </head>
该语法中,type属性用来指定HTML文档引用的脚本语言类型,当type属性的值为text/javascript时,表示<scritp></script>元素放在<head>和</head>之间,称为头脚本;也可以将其放在<body>和</body>之间,称为体脚本。
<!DOCTYPE html > <html lang="en"> <head> <meta charset:"ute-8"> <title>内嵌式</title> <script type="text/javascript"> document.write("滕王阁序”); </script> </head> <body> <p>打造会代码的全能人才</p > </body> </html>
2.外链式
当脚本代码比较复杂或者同一段代码需要被多个网页文件使用时,可以将这些脚本代码放置在一个扩展名为.js的文件中,然后通过外链式引入该js文件。基本语法格式如下:
<script type="text/javascript" src="js文件的路径"></script>
三、JS变量命名规则
1、由大写或小写字母、数字、下划线、美元符号$组成
2、不能以数字开头
3、严格区分大小写,比如it 和It不是同一个变量
4、不能使用js中的关键字和保留字
5、要尽量做到见其名,知其意,名字起的有意义一点,用小驼峰命名法