JavaScript（第一天笔记）

一、js简介

 

1、js历史：JavaScript是网景（Netscape）公司开发的一种基于客户端浏览器、面向（基于）对象、事件驱 动式的网页脚本语言。JavaScript语言的前身叫作Livescript。

 课外阅读

 真实的名称是 ECMAScript JavaScript 的正式名称是"ECMAScript"。这个标准由 ECMA 组织发展和维护。ECMA-262 是正式的 JavaScript 标准。这个标准基于JavaScript (Netscape) 和 JScript (Microsoft)。Netscape (Navigator 2.0) 的 BrendanEich 发明了这门语言，从 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作用---目的

 

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

 

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

 

onmouseover=  表示，当鼠标经过某个元素时

 

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

 

<h1onmouseover="this.className='blue'">什么是javascript</h1>

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

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

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

 

onmouseout="this.className=''"

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

 

4、js编程基础

 

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

 

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

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

    onmouseover=”js代码”

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

 

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

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

 

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

 

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

 

【4】Js注释

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

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

 

 

JS的执行过程：

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

 

【5】、常用事件

 

onclick

鼠标点击某个对象

 

例子：

<button onclick="alert('你好')">按钮一</button>

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中安装，

 

 

 

 

 

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

 

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

    typeof运算符：判断变量类型

   语法：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的元素。