JavaScript制作

一、JavaScript(以下简称JS):

1.什么是JavaScrip?

JavaScript是一种轻量级的编程语言,被设计用来向 HTML 页面增加交互性,常用来为网页添加各式各样的动态功能,它不需要进行编译,直接嵌入在HTML页面中(java文件不能直接执行,得先编译成class才能执行)

2.使用方式:内嵌式、外链式

3.JS能做什么?:

(1)对事件的反应(鼠标点按钮:单击、双击;)

(2)验证输入(例如输入用户名、密码,验证长度不能大于10)

(3)改变HTML标签的内容或者样式

(4)直接输出HTML内容

 

二、放置位置:理论上可以放置在html文件中的任意位置。建议统一放置在<head></head>中,不要占用body中的位置,免得html和js混杂在一起,后期不好维护。

1.可以写多个<script></script>

2.注释:单行注释  //   多行 /*   */

3.每行代码用分号分隔,一行可以写多条语句

4页面简单的代码查错,可以用打印数据的方式:

       JavaScript 可以通过不同的方式来输出数据:

       (1)使用 alert() 弹出警告框。

       (2)使用 console.log() 写入到浏览器的控制台。

       (3)使用 document.write() 方法将内容写到 HTML 文档中。

       (4)使用 innerHTML 写入到 HTML 元素。

三、基础知识:

1.常见数据类型:

08363dfc970129699caef014650126ec449.jpg

2.变量:

使用var命令声明变量,因为JavaScript是一种弱类型语言,所以在声明变量时,不需要指定变量的类型,变量的类型将根据变量的赋值来确定,其语法格式如下所示。

4b718c9aed01e5317e16a22474b8c18e6a4.jpg

变量的命名必须遵循命名规则,变量名可以由字母、下划线(_)、美元符号($),甚至中文组成,但中文命名的方式不建议使用,中间可以是数字、字母或下划线,但是不能有空格、加号、减号等符号,不能使用JavaScript的关键字。è可以和java一样:字母、数字、_;数字不能开头

3.关键字:

03dfb09e4005dd092be542118d7e81f91ed.jpg

4.运算符:

JavaScript中的运算符主要包括算术运算符、比较运算符、赋值运算符、逻辑运算符和条件运算符5种,具体介绍如下

 

 

算术运算符

+-、*、/%++--

赋值运算符

=+=-=、*=/=%=

比较运算符

==!=><<=>=

===(绝对等于(值和类型均相等))

!==(不绝对等于(值和类型有一个不相等,或两个都不相等))

逻辑运算符

&&||、!

条件运算符

a==b?a:b

 

 

5.对象:

JavaScript 中的所有事物都是对象:字符串、数值、数组、函数...

此外,JavaScript 允许自定义对象。和java的类类似,

比如人是一个对象,包含属性身高、体重、肤色;包括方法:吃饭、睡觉

Public Class Person{

  private double height;

  private double weight;

  public void eat(){

  }

   public int sleep(int n){

  }

}

var person = {

   height:"65kg",

   weight:"165cm",

    eat:function(){

       alert("吃饭了");

    },

    sleep:function(n){

       alert("睡觉了:"+n);

    }

};

alert(person.height);

alert(person['height']);

person.eat();

person.sleep("30分钟");

6.函数:

JavaScript中,定义函数是通过function语句实现的。其语法格式如下

2672b7832dbf16a8d8b1702941b13e32f16.jpg

functionName是必选项,用于指定函数名,在同一个页面中,函数名必须是唯一的,并且区分大小写

parameter1,parameter2,…是可选项,代表参数列表,当使用多个参数时,参数间使用逗号进行分隔,一个函数最多可以有255个参数

statements是必选项,代表用于实现函数功能的语句

return expression是可选项,用于返回函数值

expression为任意表达式、变量或常量

7.语句:

选择语句:(1)if…..else if…else   (2)switch语句

循环语句

(1)for - 循环代码块一定的次数

(2)for/in - 循环遍历对象的属性

(3)while - 当指定的条件为 true 时循环指定的代码块

(4)do/while - 同样当指定的条件为 true 时循环指定的代码块

a57ed82741759bc75c015235314e47c21a7.jpg    b47e55f288ace315fc84c180117c1b60bd3.jpg

8.事件处理:

HTML 事件是发生在 HTML 元素上的事情

HTML 页面完成加载
HTML 按钮被点击
HTML 输入框里的内容改变时

事件

描述

onchange

HTML 元素改变

onclick

用户点击 HTML 元素

onmouseover

用户在一个HTML元素上移动鼠标

onmouseout

用户从一个HTML元素上移开鼠标

onkeydown

用户按下键盘按键

onload

浏览器已完成页面的加载

 

9.其他对象:

浏览器对象:

5bf9992e9e54d1ce6940719ba91224944c7.jpg
Location 对象
9a197dbf15c28c1fa49e1c60c7a77bfb21b.jpg
History 对象
cfd0918160fcffad3e6ac39b1c918e0cb92.jpg
10.类型转换:

var 声明的变量,没指明类型,如何查看类型?typeof 

一般数字和字符串、字符串和日期转换常用:

将数字转换为字符串5eee61d78d802d1c2e5a7bf9705afd5fe5a.jpg

 

将字符串转换为数字f69cead2231438fc3a023e39e0b1e31a7cb.jpg

4293692946f89b7ff80fea671e447d901c4.jpg

11.JSON:

JSON 是用于存储和传输数据的格式。通常用于服务端向网页faf4173597ae956e4d648ca45b34cbc9c6d.jpg传递数据

bbea28b541ab856508873e0cbf4b7fb2a47.jpg

 

 
 

P

 

6.

转载于:https://my.oschina.net/u/4090678/blog/3040047

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值