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 οnclick='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
输出格式(控制台):
半径为..的圆的周长为...
半径为..的圆的面积为...