WEBBASE篇： 第七篇， JavaScript知识1

 JavaScript 1

 

一、JavaScript 概述
什么是JavaScript：
JavaScript 简称 JS，是一种专门运行于JS解释器/引擎中的解释型脚本语言
JS发展史：
　　1、1992年Nombas公司开发了一款运行在网页中的脚本语言，名称为 CMM(C--),后来更名为 ScriptEase
　　2、1995年Netscape(网景)为自己的浏览器Navigator2.0开发了另一款脚本语言-LiveScript,更名为 JavaScript
　　3、1996年，Microsoft为自己的IE3.0，发布了JavaScript的克隆版本 JScript
　　4、1997年，Netscape找到了ECMA(欧洲计算机制造商协会)，将JS提交给了ECMA。从此JS的核心更名为 ECMA Script 简称为 ES；

 

JS的组成：

（1）核心--ECMA Script ：包含了JS的最基本的语法规范；

（2）文档对象模型： Document Object Model -->DOM 

　　允许JS操作HTML网页上的内容；DOM的规范是由W3C来定制的；

（3）浏览器对象模型Browser Object Model -->BOM：  允许JS操作浏览器；

 

使用JS：

1，使用元素事件执行JS脚本代码；

　　事件：用户在元素上所激发的行为操作；

　　onclick 事件：当用户单击元素时，要做的操作；

　　语法： <ANY onclick='JS脚本代码'>

练习：
1、创建一个网页
2、创建一个 button 和 一个 div
3、分别为 button 和 div 处理 onclick 事件
点击 button 时：控制台输出 点击了button
点击 div 时：控制台输出 我的第一个js程序

 

2，嵌入在网页中的<script></script>

语法：<script></script>

特点： 网页加载的时候就开始执行；

document.write() 向网页输出一句话；

注意： 如果通过按钮的单击事件执行document.write()的话，则会刷新网页内容；

 

3，将JS脚本写在外边JS文件中；

步骤：（1）创建JS文件（xxx.js）并编辑脚本；

（2）在网页中对JS文件进行引入；

<script src='JS文件路径'></script>

 

练习：
1、使用元素事件的方式，向控制台中输入一句话 "我的第一个JS练习"
2、使用<script></script>方式，向网页中输出一句话"我的第一个JS练习"
3、使用外部JS文件的方式，执行一个操作 window.alert("我的第一个JS练习")

 

4，JS中的变量和常量；

变量：

声明变量的语法：

声明： var    变量名；

赋值：变量名 = 值；

声明并赋值： var 变量名=值；

注：（1）声明变量时，尽量使用var关键字，如果省略，也可以，但容易出问题；

（2）声明变量但未赋值的话，默认值为 undefined ；

 

变量命名规范：（1）不能使用JS中的关键字或保留关键字；

（2）由字母，数字，下划线(_)和$组成
var u-name = "";错误
var u_name = "";正确
var $ = 35; 正确
（3）不能以数字开头
（4）尽量不要重复
（5）尽量见名知意
var a;
var b;
var stuName;
var ab;
（6）如无特殊需求的话，尽量使用小驼峰命名法
var age;
var stuAge;

 

常量：
什么是常量？
　　一经声明就不允许修改的数据就是常量
语法：
　　const 常量名 = 值;
注意：常量名采用全大写的形式；

作业：
1、创建一个网页，嵌入一个<script></script>
2、声明一个常量PI，值为 3.14
3、声明一个变量r，表示一个圆的半径，随意赋值
4、通过PI和r计算圆的周长，并打印输出
2*π*r
5、通过PI和r计算圆的面积，并打印输出
π * r * r
输出格式(控制台)：
半径为..的圆的周长为...
半径为..的圆的面积为...