JavaScript入门指南-优快云博客

本文链接：https://blog.youkuaiyun.com/luyuncsd123/article/details/8576488

一、js简介

1、js历史：JavaScript 是网景（Netscape）公司开发的一种基于客户端浏览器、面向（基于）对象、事件驱

动式的网页脚本语言。JavaScript语言的前身叫作Livescript。

课外阅读

真实的名称是 ECMAScript

JavaScript 的正式名称是 "ECMAScript"。这个标准由 ECMA 组织发展和维护。

ECMA-262 是正式的 JavaScript 标准。这个标准基于 JavaScript (Netscape) 和 JScript (Microsoft)。

Netscape (Navigator 2.0) 的 Brendan Eich 发明了这门语言，从 1996 年开始，已经出现在所有的

Netscape 和 Microsoft 浏览器中。

ECMA-262 的开发始于 1996 年，在 1997 年 7 月，ECMA 会员大会采纳了它的首个版本。

在 1998 年，该标准成为了国际 ISO 标准 (ISO/IEC 16262)。

这个标准仍然处于发展之中。

2、web前端---web标准

一系列标准？

构成：

[1]、结构标准---html4.0/xhtml1.0/html5

[2]、表现标准----css2.0/css3.0

[3]、行为标准----javascript

人才---比拼--学历【过去】---能力【未来】----学习能力（思想）

3、js作用---目的

实现用户交互行为操作-----通过一些事件---来执行一些操作

例如：鼠标经过时，变色。

οnmοuseοver= 表示，当鼠标经过某个元素时

js----this，代表，这个对象本身---自己。

<h1 οnmοuseοver="this.className='blue'">什么是javascript</h1>

【1】、给h1标签，添加一个，鼠标经过的事件

【2】、在触发这个事件时，执行一个操作

【3】、将这个h1标签，自己，添加一个类，类的名称，就是blue

οnmοuseοut="this.className=''"

当鼠标离开这个对象时，这个对象的类名称为空

4、js编程基础

【1】、如何在网页中，调用js

（1）、写在<script>标签内的，可以加在head与body里

（2）、写在html标签的事件中，

οnmοuseοver=”js代码”

（3）、将js代码，保存到一个js文件中，然后在html中调用这个js文件

【2】、在DW中js代码提示的几种区分：

（1）、红色块，表示一个对象的方法

（2）、绿色圆，表示一个对象的属性

（3）、黄色菱形，表示事件

【4】Js注释

（1）、注释单行，使用 //

（2）、注释多行，/* */

JS的执行过程：

需要一个触发的事件（前因）----执行结果

【5】、常用事件

onclick

鼠标点击某个对象

例子：

onmouseout	鼠标从某元素移开
onmouseover	鼠标被移到某元素之上

onload

某个页面或图像被完成加载

如何评价一个网站的技术好坏，看这个网页打开的速度----页面加载时间

*****学编程的思维方法---快乐的学习法。

【1】、先理解，概念----js控制---用户交互行为---控制 html结构标签，css样式

【2】、再明白，流程，先写html再写css，再给html添加事件---执行js代码

【3】、分析要实现功能

【4】、编写代码

二、变量：就是一个容器（盒子），用来保存程序执行过程的要变化的数据

计算机什么时候发明 ----作用---运算，---计算机最出的是为进行运算。

3+6=9

123+123=246

加数一 + 加数二 = 结果

//声明一个叫，name的变量，用于保存，会员的帐号

var name;//给孩子起名

name="张三"; //将张三这个字符串数据，保存了变量name中，赋值给name

//给孩子起名

var x,y,z;//同时可以声明多个变量

x=3;

y=5;

z=x+y;

document.write("计算的结果<br>");//当我们输出，普通字符时，需要使用引号，

document.write(z);//输出变量时，不需要使用引号

在现实生活中，注册会员资料。

姓名：张三

性别：男

年龄：25

房子：没有

前端开发神器：zen coding如何安装在 ++ DW中

【1】、++：

复制到，++的安装目录中，

交互操作：

用户输入用户名，点击确定后，弹出一个消息框，欢迎某某

实现一个，简单的拍卖程序：如何去编程。

流程：

【1】、功能需要分析

（1）、提示框

（2）、获取用户输入的价格

（3）、用户的价格+原来的低价

【2】、设定程序所需要的元素

提示框

低价

他俩相加的合

【3】、去编程程序

在DW中安装，

变量的类型：----指的就是变量中保存的数据类型

如何判断，变量的类型呢？

l typeof运算符：判断变量类型

l 语法：typeof 变量名称/数据

例如：要测试变量 name中保存的数据类型

typeof name

typeof 100

最基本五种数据类型

1. 数值：整数、浮点数； Number

2. 逻辑值：布尔值； Boolean

3. 字符串值：String

4. 空值： Null

5. 未定义值： Undefined

如何去编程：就是通过程序去实现一些功能

1. 功能需要分析：有哪些东西，要实现效果

2. 设定需要的元素

3. 编写与调试

学习：学-----理解道理习----实际道理

如果在你不理解的情况，就死记硬背

*****Javascript是由那些部分组成的？

【1】、语法部分---核心（ECMAScript）

【2】、控制html标签----文档对象模型（DOM）

【3】、控制浏览器---浏览器对象模型（BOM）

Js如何通过DOM来获取，网页中的元素（html标签）

Document 对象

每个载入浏览器的 HTML 文档都会成为 Document 对象。

Js将，每一个浏览器中的，网页文件 html文档，都看成一个document对象

document.getElementById("myHeader")

从html文档中，按元素的ID名称来获取元素。

从网页文件中，找一个，id为myHeader的元素。

html js2