JavaScript学习总结（八）

JavaScript学习笔记八

本文依据慕课网课程<JavaScript进阶>学习整理第8章浏览器对象 8-1 window对象 window对象是BOM的核心.window对象指当前的浏览器窗体. window对象方法: 8-2 JavaScript 计时器在JavaScript中.我们能够在设定的时间间隔之后来运行代码,而不是在函数被调用后马上运行. 计时器类型: 一次性计时器:仅在指定的延迟时间之后触发一次. 间隔性触发计时器:每隔一定的时间间隔就触发一次. 计时器方法: 8-3…

JavaScript学习总结(八)——JavaScript数组

JavaScript中的Array对象就是数组,首先是一个动态数组,无需预先制定大小,而且是一个像Java中数组.ArrayList.Hashtable等的超强综合体. 一.数组的声明常规方式声明: 1.var arrName = new Array();//创建一个数组 2.var arrName = new Array([size]); //创建一个数组并指定长度,注意不是上限,是长度 3.var arrName =new Array("孤傲苍狼","白虎神皇"…

JavaScript学习 - 基础(八) - DOM 节点添加/删除/修改/属性值操作

html代码:  <div id="a1"> <button id="a2" onclick="add()">add</button> </div> <div id="a3"> <button onclick="del()">del</button> </div> &l…

JavaScript学习（八）

…

javascript学习笔记(四) Number 数字类型

数字格式化方法toFixed().toExponential().toPrecision(),三个方法都四舍五入 toFixed() 方法指定小数位个数 toExponential() 方法用科学计数法表示数,参数指定小数位个数 toPrecision() 方法自动判断调用toFixed()或toExponential()方法,参数指定所有数的位数复制代码代码如下: var num = 99; alert(toFixed(2)); //99.00 alert(toExponentia…

JavaScript学习总结——转

JavaScript学习总结(一)——JavaScript基础 JavaScript学习总结(二)——逻辑Not运算符详解 JavaScript学习总结(三)——逻辑And运算符详解 JavaScript学习总结(四)——逻辑OR运算符详解 JavaScript学习总结(五)——Javascript中==和===的区别 JavaScript学习总结(六)——JavaScript判断数据类型总结 JavaScript学习总结(七)——JavaScript函数(function) JavaScrip…

JavaScript学习总结（八）

这一节结束,我们的JavaScript学习总结系列文章第一阶段就要结束了,今后会适当的补充一些高级的内容,敬请期待. 好了,废话不说进入这一节的学习. 联动框联动框,实在是太常见了.比如淘宝,我们选择地址的时候,选择了省份,淘宝就会自动列出来城市乡道的信息,这一小节我们要做的就是这个. 城市联动框 <head> <meta charset="utf-8"> <title>联动框</title> </head> <scr…

JavaScript学习基础部分

JavaScript学习基础一.简介 1.JavaScript 是因特网上最流行的脚本语言,并且可在所有主要的浏览器中运行,比方说 Internet Explorer. Mozilla.Firefox.Netscape.和 Opera. 2.JavaScript 是一种解释性语言(就是说,代码执行不进行预编译). 3.JavaScript 的正式名称是 "ECMAScript".这个标准由 ECMA 组织发展和维护. 4.JavaScript主要能做什么: (1)可以读取及改变 HT…

javascript学习的思维导图

今天逛师父的博客园,发现了好东西~~~~我给偷过来了~~~那就是javascript学习的思维导图,比自己整理更快速. 思维导图小tips: 思维导图又叫心智图,是表达发射性思维的有效的图形思维工具 ,它简单却又极其有效,是一种革命性的思维工具.思维导图运用图文并重的技巧,把各级主题的关系用相互隶属与相关的层级图表现出来,把主题关键词与图像. 颜色等建立记忆链接,思维导图充分运用左右脑的机能,利用记忆.阅读.思维的规律,协助人们在科学与艺术.逻辑与想象之间平衡发展,从而开启人类大脑的无限潜能.…

JavaScript学习——使用JS完成页面定时弹出广告

1.获取图片的位置(document.getElementById(“”)) 隐藏图片:display:none 定时操作:setInterval(“显示图片的函数”,3000); 2.步骤分析 (此案例页面定时弹出广告基于JavaScript学习——实现首页轮播图效果实现的) 第一步:在页面指定位置隐藏一个广告图片(使用 display 属性的 none 值) 第二步:确定事件(onload)并为其绑定一个函数第三步:书写这个函数(设置一个显示图片的定时操作) 第四步: 书写定时器中的函数…

JavaScript学习（一） —— 环境搭建与JavaScript初探

1.开发环境搭建本系列教程的开发工具,我们采用HBuilder. 可以去网上下载最新的版本,然后解压一下就能直接用了.学习JavaScript,环境搭建是非常简单的,或者说,只要你有一个浏览器,一个记事本就行了,不存在环境搭建的问题.而且,通过运行浏览器,立刻就能看到效果,这一点比较Java要方便很多.省去了很多繁杂的操作,如果你正打算转行从事程序猿这个职业,不妨以JavaScript为切入点,从而发现编程的乐趣.当你深刻理解了JavaScript的思想,其他任何面向对象的语言都是大同小异的.…

Web编程基础--HTML、CSS、JavaScript 学习之课程作业“仿360极速浏览器新标签页”

Web编程基础--HTML.CSS.JavaScript 学习之课程作业"仿360极速浏览器新标签页" 背景: 作为一个中专网站建设出身,之前总是做静态的HTML+CSS+DIV没有学习过JavaScript(jQuery),这个学期重新学习了一遍之前学习过的又学了些脚本语言.结合自己平时有点编程基础,学起来也挺快了,作为学期作业(自定任务),我尝试着去实现360极速浏览器的新标签页(刚开始也没有很好的想法,自己一直比较喜欢360极速浏览器'不是下广告',学校机房也没有联网,本来还想做…

MyBatis学习总结(八)——Mybatis3.x与Spring4.x整合（转载）

孤傲苍狼只为成功找方法,不为失败找借口! MyBatis学习总结(八)--Mybatis3.x与Spring4.x整合一.搭建开发环境 1.1.使用Maven创建Web项目执行如下命令: mvn archetype:create -DgroupId=me.gacl -DartifactId=spring4-mybatis3 -DarchetypeArtifactId=maven-archetype-webapp -DinteractiveMode=false 如下图所示: 创建好的项目…

JavaScript学习（3）：函数式编程

在这篇文章里,我们讨论函数式编程. 什么是函数式编程?根据百度百科的描述,“函数式编程是种编程典范,它将电脑运算视为函数的计算.函数编程语言最重要的基础是 λ 演算(lambda calculus).而且λ演算的函数可以接受函数当作输入(参数)和输出(返回值).和指令式编程相比,函数式编程强调函数的计算比指令的执行重要.和过程化编程相比,函数式编程里,函数的计算可随时调用.” 可以看出,在函数式编程中,函数被看做是“一等公民”.JavaScript可以通过巧妙地函数组合来构建抽象,通过内嵌函数的…

JavaScript学习（2）：对象、集合以及错误处理

在这篇文章里,我们讨论一下JavaScript中的对象.数组以及错误处理. 1. 对象对象是JavaScript中的一种基本类型,它内部包含一些属性,我们可以对这些属性进行增删操作. 1.1 属性 JavaScript中的值,有时会包括一些与其相关联的值,这些相关联的值,我们称之为属性. 访问属性下面是一个非常简单的示例: var a = "this is test"; print("type of a:" + typeof a); print(a["…

JavaScript学习13 JavaScript中的继承

JavaScript学习13 JavaScript中的继承继承第一种方式:对象冒充 <script type="text/javascript"> //继承第一种方式:对象冒充 function Parent(username) //父类对象 { this.username = username; //下面的代码最关键的部分就是将子对象的this传递给了父对象 this.sayHello = function() { alert(this.username); } } f…

JavaScript学习12 JS中定义对象的几种方式

JavaScript学习12 JS中定义对象的几种方式 JavaScript中没有类的概念,只有对象. 在JavaScript中定义对象可以采用以下几种方式: 1.基于已有对象扩充其属性和方法 2.工厂方式 3.构造函数方式 4.原型(“prototype”)方式 5.动态原型方式一.基于已有对象扩充其属性和方法 <script type="text/javascript"> var object = new Object(); object.name = "z…

JavaScript学习11 数组排序实例

JavaScript学习11 数组排序实例数组声明关于数组对象的声明,以前说过:http://www.cnblogs.com/mengdd/p/3680649.html 数组声明的一种方式: var array = new Array(); array.push(1); array.push(2); array.push(3); alert(array.length) 数组声明的第二种方式,并排序: var array = [1, 3, 25]; array.sort(); //对数组排序,…

JavaScript学习10 JS数据类型、强制类型转换和对象属性

JavaScript学习10 JS数据类型.强制类型转换和对象属性 JavaScript数据类型 JavaScript中有五种原始数据类型:Undefined.Null.Boolean.Number以及String. Undefined数据类型的值只有一个:undefined. 在JavaScript中,如果函数没有声明返回值,那么会返回undefined.(后面有实例). 如果typeof后面跟一个未定义的参数,也是返回undefined. Null数据类型的值只有一个:null. null与…

JavaScript学习09 函数本质及Function对象深入探索

JavaScript学习09 函数本质及Function对象深入探索在JavaScript中,函数function就是对象. JS中没有方法重载在JavaScript中,没有方法(函数)重载的概念. 例子: <html> <head> <script type="text/javascript"> function add(number) { alert(number + 20); } function add(number, number1)…

JavaScript学习08 Cookie对象

JavaScript学习08 Cookie对象 JavaScript Cookie Cookie对象: Cookie是一种以文件的形式保存在客户端硬盘的Cookies文件夹中的用户数据信息(Cookie数据). Cookie文件由所访问的Web站点建立,以长久的保存客户端与Web站点间的会话数据,并且该Cookie数据只允许被所访问的Web站点进行读取. Cookie文件的格式: NS:Cookie.txt IE:用户名@域名.txt 有两种类型的cookie: (1)持久性cookie,会被存…

JavaScript学习06 JS事件对象

JavaScript学习06 JS事件对象事件对象:当事件发生时,浏览器自动建立该对象,并包含该事件的类型.鼠标坐标等. 事件对象的属性:格式:event.属性. 一些说明: event代表事件的状态,例如触发event对象的元素.鼠标的位置及状态.按下的键等等: event对象只在事件发生的过程中才有效. firefox里的event跟IE里的不同,IE里的是全局变量,随时可用:firefox里的要用参数引导才能用,是运行时的临时变量. 在IE/Opera中是window.event,在Fi…

JavaScript学习05 定时器

JavaScript学习05 定时器定时器1 用以指定在一段特定的时间后执行某段程序. setTimeout(): 格式:[定时器对象名=] setTimeout(“<表达式>”,毫秒) 功能:执行<表达式>一次. 例子: <!DOCTYPE html> <html> <head> <title>timer1.html</title> <meta http-equiv="keywords" co…

JavaScript学习04 对象

JavaScript学习04 对象默认对象日期对象Date, 格式:日期对象名称=new Date([日期参数]) 日期参数: 1.省略(最常用): 2.英文-数值格式:月日,公元年 [时:分:秒] 如:today=new Date("October 1,2008 12:00:00") 3.数值格式:公元年,月,日,[时,分,秒] 如:today=new Date(2008,10,1) 日期对象的方法: 格式:日期对象名称.方法([参数]) 使用例子: <body>…

JavaScript学习03 JS函数

JavaScript学习03 JS函数函数就是包裹在花括号中的代码块,前面使用了关键词function: function functionName() { 这里是要执行的代码 } 函数参数函数的参数可以任意多个,不用声明变量类型,只用给出变量名: function myFunction(name, job) { 这里是要执行的代码 } 函数返回值在函数中使用return语句,函数会停止执行,返回调用它的地方. 函数的返回值也不用声明类型,直接返回即可. function myFuncti…

JavaScript学习02 基础语法

JavaScript学习02 基础语法 JavaScript中很多基础内容和Java中大体上基本一样,所以不需要再单独重复讲了,包括: 各种算术运算符.比较运算符.逻辑运算符: if else语句.switch语句: for循环.while循环.do while循环: 标签.break.continue: try catch throw语句. 可以查看文后的参考链接. 后面的内容都是JavaScript中不同的部分. 本文先说上面内容中的几个细节不同. 1.全等判断 JavaScript的比较运…

【JavaScript学习总结（八）】的更多相关文章

JavaScript学习笔记八

JavaScript学习总结(八)——JavaScript数组

JavaScript学习 - 基础(八) - DOM 节点添加/删除/修改/属性值操作

JavaScript学习（八）

javascript学习笔记(四) Number 数字类型

JavaScript学习总结——转

JavaScript学习总结（八）

JavaScript学习基础部分

javascript学习的思维导图

JavaScript学习——使用JS完成页面定时弹出广告

JavaScript学习（一） —— 环境搭建与JavaScript初探

Web编程基础--HTML、CSS、JavaScript 学习之课程作业“仿360极速浏览器新标签页”

MyBatis学习总结(八)——Mybatis3.x与Spring4.x整合（转载）

JavaScript学习（3）：函数式编程

JavaScript学习（2）：对象、集合以及错误处理

JavaScript学习13 JavaScript中的继承

JavaScript学习12 JS中定义对象的几种方式

JavaScript学习11 数组排序实例

JavaScript学习10 JS数据类型、强制类型转换和对象属性

JavaScript学习09 函数本质及Function对象深入探索

JavaScript学习08 Cookie对象

JavaScript学习06 JS事件对象

JavaScript学习05 定时器

JavaScript学习04 对象

JavaScript学习03 JS函数

JavaScript学习02 基础语法

3、Javascript学习 - IT软件人员学习系列文章

JavaScript学习笔记——基本知识

Javascript 学习

HTMl5/CSS3/Javascript 学习推荐资源