javaScript学习笔记

本文需要关注的重点:
函数:函数的创建、函数的用法、函数的参数
js的时间编程
注意:本文没有写完,因为概念比较多。先把这部分消化,下一章剩下的部分
一、引言
JavaScript概念:实现页面动态化效果(改变页面结构)。是一门独立的编程语言。简称js。
js语言特性:前端编程语言、解释性编程语言、类面向对象
小知识:js原名ECMAScript , W3C组织 ,和java没关系
JS解释性的编程语言,需要解释器:浏览器
浏览器存在差异的:
IE内核 : IE
WebKit内核 : chrome 支持最标准ECMAScript
二、第一js程序开发
开发工具:Notepad++ / MyEclipse / 记事本 / IDEA
1、文档格式

2、打印
在这里插入图片描述
3、变量 js弱类型编程语言(没有变量类型) java:强类型的编程语言(String i =”liuh”)
java: int I = 10; String s = “liuh”
js:变量的定义 var 变量名 = 值 var a = 10; var a = “liuh”
注意:声明变量不用var , 定义全局变量
在这里插入图片描述
4、数据类型
1、数字 number
var I = 10; var I = 10.0; var I = 10.00;
不区分整数和浮点数
2、字符串 string
var s = “liuh” var s = “a” var s=’liuh’ var s=’a’
不区分单双引号
3、boolean类型
true|false 真|假
非0|0 真|假
非null|null 真|假
4、特殊类型
undefined
定义变量没有赋值
变量没有定义直接使用【不是显式的undefined】
null
手工为变量赋值为null
函数返回值为null
NAN Not A Number 不是一个数字
进行不正当的数字运算 “boxi”/2 = NAN
isNaN(a) 判断a是否是数字 true 不是数字 false 是一个数
5、运算符
1、赋值运算符 = += -= *= /= %=
2、算术运算符 + - * / %
3、比较(关系)运算符 > >= < <= !=
== :判断变量的值是否相等
=== :判断变量的值和类型是否相等
typeof :获取变量的类型
注意:js中没有equals方法
4、逻辑运算符 && || !
5、三元运算符: 条件?true:false
6、流程控制
java:分支 循环
js:一样
分支:
if(){}
if(){}else{}
if(){}elseif(){}else{}

		switch(变量值)  case 值:功能;break;
		变量值可以随意传递,case的值,可以随意书写
	循环:
		while(boolean){//循环的功能}
		do{}while();
		for(var I = 0;i<10;i++){}

7、函数【重点】
java:访问修饰符 返回值 方法名 参数表 异常 方法体
js:定义函数
function 函数名 参数表 方法体
function xx(){ //方法内容 }
调用函数:函数名 参数表 xx();
函数的其他应用方式:
1、使用变量存储函数本身
通过变量调用原始函数
在这里插入图片描述
2、匿名函数
在这里插入图片描述
3、函数可以作为函数的参数
在这里插入图片描述
在这里插入图片描述

4、传参
传递的参数多于形参,函数只截取对应的参数作为实参。
传递的参数少于形参,会出错。
8、js中的对象 类面向对象的编程语言
a)、自动义对象
java : class A{} A a = new A();
js:没有类的概念 对象的模板 Object
创建对象方式一:var Student = new Object();//创建学生对象
在这里插入图片描述
创建对象方式二:【必须会】 json形式
json:俗称接送串,特殊形式的字符串 {key:value,key:value}
在这里插入图片描述
b)、内置对象
1、数组 Array
创建方式一:new Array();
在这里插入图片描述
创建方式二: var arr = [1,”liuh”,’s’,10.0]
操作方式:通过下标操作
在这里插入图片描述
遍历:
下标遍历
在这里插入图片描述
foreach遍历
在这里插入图片描述
属性和方法
属性 length 数组长度
方法
在这里插入图片描述
2、字符串 String
创建形式一:var name = new String(“xjh”);
创建形式二:var name = “xjh”;
注意:上述两种创建形式,类型不同,但是对应可使用的方法一致。
方法:
length:字符串字符的个数
charAt(int index) 获取指定下标的字符
3、日期 Date
创建对象:var date = new Date();
在这里插入图片描述
4、Math 数学公式
在这里插入图片描述
创建 :自定义2中 内置对象 Array String Date Math
三、js事件编程【重点】
1、事件编程的三要素
事件的源头:发生事件的对象
事件的属性:发生事件的性质
事件的监听:发生时间后进行的处理方案
2、js事件编程
事件源头:指的就是发生事件的HTML标签。
事件属性:用户鼠标键盘等等发出的动作 单击、双击、鼠标移动
事件监听:发生事件后执行的函数
3、事件属性:
onclick :鼠标单击
ondblclick:鼠标的双击事件
onmouseover:鼠标移入
onmouseout:鼠标移出
onkeydown:键盘按键按下
onkeyup:键盘按键弹起
onchange :form表单的下拉列表值修改
onfocus:文本框获得焦点
onblur:文本框丢失焦点
onsubmit:form表单提交操作

阻止默认的提交行为:
form表单 : <form οnsubmit=”return false”>
注意:return 后可以跟方法的调用,使用方法的返回值,充当控制参数
超链接:点击跳转
js事件编程:找时间源头 添加事件属性 定义事件监听

  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值