js简介

一、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作用---目的

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

   例如:鼠标经过时,变色。

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

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

   <h1 onmouseover="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中

原文地址:https://www.cnblogs.com/zhanghonggang/p/3324628.html