一、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,代表,这个对象本身---自己。
【1】、给h1标签,添加一个,鼠标经过的事件
【2】、在触发这个事件时,执行一个操作
【3】、将这个h1标签,自己,添加一个类,类的名称,就是blue
οnmοuseοut="this.className=''"
当鼠标离开这个对象时,这个对象的类名称为空
4、js编程基础
【1】、如何在网页中,调用js
(1)、写在标签内的,可以加在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("计算的结果
");//当我们输出,普通字符时,需要使用引号,
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的元素。