今日内容

1. JavaScript中的流程控制语句

switch和Java中的switch有什么区别?JavaScript中switch(表达式/值){case 值:  //可以是变量,可以是常量!中间语句break;default:break;}区别case值可以是常量,也可以是变量Java中case值后只能是常量

2. for-in语句遍历操作

遍历for-in遍历数组或者对象的属性格式for(var 变量名 in 被遍历数组/对象){使用变量名的语句;}和增强for如出一辙

3. JavaScript创建数组

创建数组--Array--JavaScript中的内置对象特点可以存储任意类型的元素可以不断往数组里面添加元素,不存在角标越界--弱类型语言格式类似Java中创建数组的动态初始化,给定数组长度var 数组名称 = new Array() ;    //没有给定初始长度var 数组名称 = new Array(size) ;    //给定初始长度类似于Java中静态初始化var 数组名称 = new Array()[元素1,元素2,...,元素n] ;简写var 数组名称 = [元素1,元素2,...,元素n] ;功能join(指定分隔符号)通过指定分隔符号将数组中元素拼接成字符串reverse将数组内元素反转

4. JavaScript中函数定义及调用

函数定义格式function 函数名称(参数/无参){方法体逻辑直接输出或者return 返回结果}直接输出单独调用return 结果赋值调用var 结果名 = 函数名称(参数/无参) ;注意1)JavaScript定义函数的时候有参情况--参数不能带类型!直接写形式参数名称即可无参情况--和Java一样2)JavaScript定义函数的时候不要添加返回值类型!弱类型语言,需要返回值直接返回即可,不需要添加返回值类型!3)JavaScript中不存在方法重载的概念如果方法名相同,不管有几个参数,都会覆盖上个方法,没有重载4)JavaScript中存在默认数组arguments,将实际参数赋值给形式参数5)JavaScript中当赋值的实际参数个数超过形式参数,那么只会将对应个数的实参赋值进去,但不会报错!当赋值的实际参数个数不足形式参数,那么输出结果回事NAN,空,也不会报错!

5. JavaScript中String内置对象的功能

String内置对象的1)创建一个字符串对象var 字符串名称 = new String("字符串内容")
功能1)比较两个对象的内容是否相同valueOf--比较两个对象的原始值是否相同字符串名称1.valueOf()==字符串名称2.valueOf()true--一样false--不一样2)创建一般字符串var 字符串名称 = "字符串内容" ;3)返回指定索引处的字符charAt(index)4)拼接字符串concat("拼接内容")5)给字符串标记颜色fontcolor("颜色名称")6)给字体设置大小fontsize(整数)7)截取指定位置开始到指定位置结束的字符串内容substring(start,end)8)以自定义的字符串分割当前字符串成为字符串数组var 数组名称 = split("自定义字符串内容")

6. JavaScript中Date日期内置对象

Date日期内置对象创建日期对象var 名称 = new Date() ;
功能1)获取年份--获取当前年份和1900年的差值--为了兼容,不然已经弃用getYear()2)获取年份--直接获取当前年份getFullYear()3)获取年中月份--返回0-11之间的数,所以最后结果要加1getMonth()4)获取月中日期getDate()5)获取小时-分钟-秒数getHours()-getMinutes()-getSeconds

7. JavaScript事件编程的三要素

JavaScript事件编程1)事件源--html标签-按钮/图片...2)编写事件监听器--编写一个函数完成逻辑3)在事件源中通过一些属性绑定这个函数
dom编程--就是解析html页面的时候全部解析为标签对象,然后获取这些对象的唯一id属性值,通过这个操作具体操作!-文档对象模型编程浏览器的js引擎解析浏览器html页面的时候-将html页面中所有的标签都解析为 "标签对象",通过标签对象完成一些具体的操作   ;1)获取标签对象通过id属性值获取标签对象(最常用的,id必须唯一的)2)改变标签对象的属性

<!DOCTYPE html>
<html><head><meta charset="utf-8" /><title>练习,春夏秋冬</title></head><body><!-- 创建输入框--给定唯一id--><input type="text" id="tex" placeholder="请输入月份值"/><!-- 创建按钮--事件源-单击事件-默认值 --><input type="button" onclick="season()" value="查询"></body><!-- 完成查询的逻辑 --><script>//定义方法来判断季节function season(){//获取文本框内输入的内容//先获得文本输入框的id对象var tex = document.getElementById("tex") ;//再通过id对象获得value属性值--这个值就是用户输入的内容var season = tex.value ;//获得的是一个String类型,需要转换为数字类型--if语句就不要手动转换,会自动转换num = parseInt(season) ;//使用switch语句switch(num){case 3:case 4:case 5:document.write("春季");break;case 6:case 7:case 8:document.write("夏季");break;case 9:case 10:case 11:document.write("秋季");break;case 12:case 1:case 2:document.write("冬季");break;default:document.write("输入有误!");break;}}</script>
</html>

8. JavaScript常见事件分类

常见事件分类点击事件onclick--绑定单击事件ondblclick--绑定双击事件焦点事件onfocus--获取焦点--鼠标点击文本框内--文本框获得焦点!onblur--失去焦点--鼠标任意点击文本框之外--文本框失去焦点!下拉菜单选项卡发生变化的事件onchange事件鼠标移出/鼠标经过onmouseout/onmouseover事件页面载入事件onload

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>常用事件练习--判断用户名是否可用</title></head><body><!-- 创建输入文本-唯一id-焦点获取和函数-失去焦点和函数-span标签用来提示 --><input type="text" id="username" value="请输入用户名" onblur="testBlur()" onfocus="testFocus()" /><span id="tips"></span></body></html>
<!-- JavaScript中完成逻辑 注意书写顺序!--><script>//完成失去焦点时判断用户名是否一致function testBlur(){//获取文本输入框内的内容var user = document.getElementById("username").value ;//获取span标签id对象-在完成判断之后用来提示成功还是失败var tips = document.getElementById("tips") ;//完成逻辑判断if(user != "钟离"){//给提示对象显示内容-并以警示颜色tips.innerHTML = "用户名不可用!".fontcolor("red") ;}else{tips.innerHTML = "用户名可用!".fontcolor("green") ;}}//完成焦点获取时获取用户输入的内容function testFocus(){//获取文本输入款id对象并获取value值var name = document.getElementById("username") ;//获取之后清空-不然下次登录可以直接使用上一个留下的用户名,不安全name.value = "" ;}</script>

9. JavaScript网页定时器

网页定时器1)window.setInterval(定时任务函数,iMilliSeconds)-每经过iMilliSeconds毫秒后-重复执行这个任务函数2)window.setTimeout(定时任务函数,iMilliSeconds)-经过iMilliSeconds毫秒后-执行这个函数一次
任何标签都有两个属性给标签设置文本innerText-普通文本innerHTML-html文本
动态给标签设置文本1)需要获取当前标签对象  通过id属性值获取标签对象var 标签对象名称= document.getElementById("id属性值") ;2)使用标签对象名称 访问属性innerText innerHTML

JAVA12_12学习总结(JavaScript)相关推荐

前端之JavaScript第一天学习(1)-JavaScript 简介
javaScript 是世界上最流行的编程语言. 这门语言可用于 HTML 和 web,更可广泛用于服务器.PC.笔记本电脑.平板电脑和智能手机等设备. JavaScript 是脚本语言 JavaSc ...
JavaScript学习13 JavaScript中的继承
JavaScript学习13 JavaScript中的继承继承第一种方式:对象冒充 <script type="text/javascript">//继承第一种方式: ...
为什么 Web 开发人员需要学习一个 JavaScript 框架？
原文链接可能当我们结束本文时,一个新的 Javascript 框架已经在某处启动了.但这确实不在我们的控制范围内.因此,我们应该简单地继续我们所拥有的.至少,由于免责声明,我们可以确定我们不是在发明 ...
零基础web前端学习之JavaScript 和css 阻塞
web前端学习之JavaScript 和css 阻塞,JavaScript 是客户端和服务器端的脚本语言,可以插入HTML 页函中, 并且是目前较热门的Web 开发语言.同时, JavaScript ...
学习笔记 JavaScript 动画
学习笔记 JavaScript 动画结果代码里用到的图片 <html><head><style>#imageDiv {height: 100px;width: ...
学习笔记 JavaScript 动画加速
学习笔记 JavaScript 动画加速效果代码中用到的图片 <html><head><style>#imageDiv {position: absolute ...
javaScript基础学习 - 14 - JavaScript内置对象 -案例代码
javaScript基础学习 - 14 - JavaScript内置对象 -案例代码 1. Math对象最大值 2. 封装自己的数学对象 3. Math绝对值和三个取整方法 4. Math对象随机数方 ...
前端学习记录 —— JavaScript（一）
前端学习记录 -- JavaScript(一) 前言一.初识 JavaScript JavaScript 的特点 JavaScript的作用编程语言与标记语言的区别 HTML/CSS/JS 的关系 ...

JAVA12_12学习总结(JavaScript)

今日内容

1. JavaScript中的流程控制语句

2. for-in语句遍历操作

3. JavaScript创建数组

4. JavaScript中函数定义及调用

5. JavaScript中String内置对象的功能

6. JavaScript中Date日期内置对象

7. JavaScript事件编程的三要素

8. JavaScript常见事件分类

9. JavaScript网页定时器

JAVA12_12学习总结(JavaScript)相关推荐

最新文章

热门文章