【JavaScript基础—插曲02】的更多相关文章

JavaScript基础—插曲02

Js学习基础 1:关于js中的数组 这里面可以是键值对的形式来存储的,我们必须利用forIn来输出,这就相当于foreach一样. var dir = new Array(); dir['0'] = '1111'; dir['1'] = '2222'; dir['2'] = '3333'; alert(dir['0']); for (var key in dir) {     alert('1'+key+'2'+dir[key]); } 键值对集合的形式 var dicr = { '0': 'a…

JavaScript基础第02天笔记

JavaScript基础第02天 1 - 运算符(操作符) 1.1 运算符的分类 运算符(operator)也被称为操作符,是用于实现赋值.比较和执行算数运算等功能的符号. JavaScript中常用的运算符有: 算数运算符 递增和递减运算符 比较运算符 逻辑运算符 赋值运算符 1.2 算数运算符 算术运算符概述 概念:算术运算使用的符号,用于执行两个变量或值的算术运算. 浮点数的精度问题 浮点数值的最高精度是 17 位小数,但在进行算术计算时其精确度远远不如整数. var result = 0…

JavaScript基础插曲-练习

Javascript基础学习 eg:利用正则表达式来去掉空格. 1:msg=' Hello ': <script type="text/javascript">     var msg = ' Hello ';     msg = msg.replace(/^\s+/, "").replace(/&\s+/, '');     alert(msg); </script> eg:利用js实现登录的时候显示密码的强度 这个主要使用正则表达…

JavaScript基础插曲—元素样式，正则表达式，全局模式，提取数组

JavaScript基础学习 学习js的基础很重要,可以让自己有更多的技能.我相信这个以后就会用到. Eg:点击选择框,在div中显示出选择的数量 window.onload = function() {     var inputs = document.getElementById('div1').getElementsByTagName('input');     for (var i = 0; i < inputs.length; i++) {         inputs[i].onc…

JavaScript基础—插曲

Javascript基础 1:js中我们最好使用单引号,其实可以使用双引号的但是为了区别所以js中全部使用单引号.注释和C#的是一样的.网页里面的执行顺序是从上到下依次执行的,不管你js放到哪里,都会按照顺序进行执行的.若是js中出现了错误,只是不继续执行此js中<script></script>的代码,但是网页中其余的js代码还是会执行的. 2:书写js代码的时候我们必须为其加上分号,这样的好处有二:1,可以便于压缩:2,提高了代码的可读性,可维护性. 3:js中的数据类型. 我…

JavaScript基础插曲---apply，call和URL编码等方法

Js基础学习 Js的压缩: 就是利用js的语法格式通过缩短变量名,去掉空格等来进行压缩. Apply和call的使用 1:apply方法:应用某一对象的方法,用于一个对象替换当前对象.主要是改变this的值. <script type="text/javascript">     var user_name = "阿辉";     //一个函数,这里主要注意里面的this的含义.     function showName() {         ale…

JavaScript基础插曲—获取标签，插入元素，操作样式

Js基础 1:document.write() 这个是动态创建元素内容,利用js.这个可以利用js来创建元素,文本,标签等,document.write()与document.writeln()的区别就在于writeln()输出内容后,会在源代码中换一行,而write()会紧挨着输出不会有任何换行.这个标签必须随页面一同加载显示. 在一个网页中引用其它网页可以使用js的document.write(html代码),这样子生成. 2:最基本的dom遍历属性 àdocument.getElement…

JavaScript基础精华02(函数声明，arguments对象，匿名函数，JS面向对象基础)

函数声明 JavaScript中声明函数的方式:(无需声明返回值类型) function add(i1, i2) {             return i1 + i2;//如果不写return返回的是undefined         } int add(int i1,int i2)//C#写法 不需要声明返回值类型.参数类型.函数定义以function开头.         var r = add(1, 2);         alert(r);         r = add("你好&q…

JavaScript基本入门02

目录 JavaScript基础入门 02 条件语句 if 语句 if .. else 语句 switch 结构 循环语句 while 循环 continue 关键字 do...while语句 for 循环 for循环的嵌套 break 关键字 死循环 debug 调试工具 函数 函数的声明方式 函数重复声明 函数提升 圆括号运算符 return 语句 递归函数 第一等公民的函数 函数的属性和方法 函数的作用域 函数内部的变量提升 函数本身的作用域 函数的参数 arguments对象 闭包函数 立…

JavaScript基础语法资料

JavaScript基础第01天 1 - 编程语言 1.1 编程 编程: 就是让计算机为解决某个问题而使用某种程序设计语言编写程序代码,并最终得到结果的过程. 计算机程序: 就是计算机所执行的一系列的指令集合,而程序全部都是用我们所掌握的语言来编写的,所以人们要控制计算机一定要通过计算机语言向计算机发出命令. 1.2 计算机语言 计算机语言指用于人与计算机之间通讯的语言,它是人与计算机之间传递信息的媒介. 计算机语言的种类非常的多,总的来说可以分成机器语言,汇编语言和高级语言三大类. 实际上计算…

javascript基础02

javascript基础02 1.数据类型 数据类型的描述在上篇的扩展中有写到链接 由于ECMAScript数据类型具有动态性,因此的确没有再定义其他数据类型的必要.这句话很重要. 如果以后再数据类型上有混乱的情况出现,想想这句话,就应该可以想通了,这句话意思: 数据类型可以随意的改变,不受什么限制,它就像一个你在容器装东西,你可以这一秒装 零食,下一秒又把零食去掉换成装水,这些水啊.零食啊等等就是数据类型,所以在数据类型上 别觉得它很复杂,其他它就这样. 2.运算符只部分 加减乘除就是很简单的…

MongoDB基础知识 02

MongoDB基础知识 02 6 数据类型 6.1 null : 表示空值或者不存在的字段 {"x":null} 6.2 布尔型 : 布尔类型只有两个值true和false {"x" : true} 6.3 数值  :默认使用64位浮点型数值 对于整数值,可使用NumberInt类或者NumberLong类, {"x":3.14} {"x":3} {"x",:NumberInt("3")…

CSS3基础入门02

CSS3 基础入门02 边框相关属性 border-radius 通过这个属性我们可以设置边框圆角,即可以将四个角设置为统一的圆角,也可以单独的设置具体的某一个角的圆角. grammer: border-radius: 1-4 length|% / 1-4 length|%; 注释:按此顺序设置每个 radii 的四个值.如果省略 bottom-left,则与 top-right 相同.如果省略 bottom-right,则与 top-left 相同.如果省略 top-right,则与 top-…

JavaScript基础视频教程总结（101-110章）

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>101-110章总结</title> <link rel="stylesheet" type="text/css" href="css/base.css"/> <link rel="stylesheet&q…

JavaScript基础视频教程总结（071-080章）

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>070-080章总结</title> </head> <body> <pre> 071. 数组字面量 </pre> <script type="text/javascript"> console.log("…

JavaScript基础视频教程总结（031-040章）

<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>031-040章总结</title> </head> <body> <pre> 031. if练习2 </pre> <script type="text/javascript"> console.log("…

JavaScript 基础 (变量声明, 数据类型, 控制语句)

创建: 2017/09/16 更新: 2017/09/24 更改标题 [JavaScript 概要]-> [JavaScript 基础] 完成: 2017/09/25 更新: 2017/10/09 补充函数声明也会上卷  更新: 2018/01/22 加红函数也会上卷                          补充内置Obejct等,完善欠缺的内容, 把标题列加粗,字体放大 更新: 2019/02/19 把Object, 函数, Array三小块移除到新博文并删除迁移部分(链接已附在此条…

JavaScript基础入门06

目录 JavaScript 基础入门06 Math 对象 Math对象的静态属性 Math对象的静态方法 指定范围的随机数 返回随机字符 三角函数 Date对象 基础知识 日期对象具体API 构造函数 实例方法 思考题 JavaScript 基础入门06 Math 对象 JavaScript当中的Math对象是原生对象,提供各种数学功能.该对象并不是构造函数,不能够生成实例,所有的属性和方法都必须在Math对象上调用. 我们会在下面的内容中来分享一下这个对象的属性和方法. Math对象的静态属性…

JavaScript基础

JavaScript基础 JavaScript是一门编程语言,浏览器内置了JavaScript语言的解释器,所以在浏览器上按照JavaScript语言的规则编写相应代码之,浏览器可以解释并做出相应的处理. 一.基本知识 (一).存在形式         1.JavaScript代码存在形式 <!--方式一--> <script type="text/javascript" src="js文件"></script> <!--方…

一步步学习javascript基础篇（0）:开篇索引

索引: 一步步学习javascript基础篇(1):基本概念 一步步学习javascript基础篇(2):作用域和作用域链 一步步学习javascript基础篇(3):Object.Function等引用类型 一步步学习javascript基础篇(4):面向对象设计之创建对象(工厂.原型和构造函数等模式) 一步步学习javascript基础篇(5):面向对象设计之对象继承(原型链继承) 一步步学习javascript基础篇(6):函数表达式之[闭包] 一步步学习javascript基础篇(7):…

前端之JavaScript基础

前端之JavaScript基础 本节内容 JS概述 JS基础语法 JS循环控制 ECMA对象 BOM对象 DOM对象 1. JS概述 1.1. javascript历史 1992年Nombas开发出C-minus-minus(C-)的嵌入式脚本语言(最初绑定在CEnvi软件中).后将其改名ScriptEase.(客户端执行的语言) Netscape(网景)接收Nombas的理念,(Brendan Eich)在其Netscape Navigator 2.0产品中开发出一套livescript的脚本…

一步步学习javascript基础篇（3）：Object、Function等引用类型

我们在<一步步学习javascript基础篇(1):基本概念>中简单的介绍了五种基本数据类型Undefined.Null.Boolean.Number和String.今天我们主要介绍下复杂数据类型(即引用数据类型) Object类型 我们用的最多的引用类型就属object类型了,一般用来存储和传输数据是再好不过的.然,它的两种创建方式我们是否了解呢? 1.通过构造函数来创建 如: var obj = new Object(); 在js中的引用类型有个非常灵活的用法,可以动态的附加属性和赋值.…

Javascript基础回顾 之(三) 面向对象

本来是要继续由浅入深表达式系列最后一篇的,但是最近团队突然就忙起来了,从来没有过的忙!不过喜欢表达式的朋友请放心,已经在写了:) 在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者那里的一知半解,所以决定先花一些时间整理一下这些基础知识和大家分享. 后面会附上培训用的PPT.刚开始是打算写一篇的,但是后来写着写着就发现越来越多,所以决定还是写一个系列吧.本系列所有内容都是涉及Javascript基础的,没有时髦的玩意儿,但是我相信这些基础的东西会有助于你理解那些有趣的东西的.…

Javascript基础回顾 之(二) 作用域

本来是要继续由浅入深表达式系列最后一篇的,但是最近团队突然就忙起来了,从来没有过的忙!不过喜欢表达式的朋友请放心,已经在写了:) 在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者那里的一知半解,所以决定先花一些时间整理一下这些基础知识和大家分享. 后面会附上培训用的PPT.刚开始是打算写一篇的,但是后来写着写着就发现越来越多,所以决定还是写一个系列吧.本系列所有内容都是涉及Javascript基础的,没有时髦的玩意儿,但是我相信这些基础的东西会有助于你理解那些有趣的东西的.…

Javascript基础回顾 之(一) 类型

本来是要继续由浅入深表达式系列最后一篇的,但是最近团队突然就忙起来了,从来没有过的忙!不过喜欢表达式的朋友请放心,已经在写了:) 在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者那里的一知半解,所以决定先花一些时间整理一下这些基础知识和大家分享. 刚开始是打算写一篇的,但是后来写着写着就发现越来越多,所以决定还是写一个系列吧.本系列所有内容都是涉及Javascript基础的,没有时髦的玩意儿,但是我相信这些基础的东西会有助于你理解那些有趣的东西的. Javascript基础…

JavaScript 基础回顾——对象

JavaScript是基于对象的解释性语言,全部数据都是对象.在 JavaScript 中并没有 class 的概念,但是可以通过对象和类的模拟来实现面向对象编程. 1.对象 在JavaScript中,对象被定义为无序属性的集合,属性可以是任何类型的值,包括其他对象或函数.函数作为属性值时称为“方法”,即对象的行为. (1)对象常用的内部属性 对象的内部属性是由JavaScript 规范定义的,由运行代码的系统来访问.对象常用的内部属性: prototype        对象        获…

javascript基础01

javascript基础01 Javascript能做些什么? 给予页面灵魂,让页面可以动起来,包括动态的数据,动态的标签,动态的样式等等. 如实现到轮播图.拖拽.放大镜等,而动态的数据就好比不像没有js页面一样,把全部内容都 写在页面一股的加载到页面上,而是达到某个条件才把需要的内容加载进去,如瀑布流图片, 动态的标签,就好比一个聊天框,你一条话语,别人一条话语,而这些语段都被标签包住,让后 添加到页面,动态样式就如轮播图的现实效果,我们都知道css实现轮播图是margin或别的属性 让图片运…

javascript基础03

javascript基础03 1. 算术运算符 后增量/后减量运算符 ++ ,-- 比较运算符 ( >, <, >=, <=, ==, !=,===,!== ) 逻辑运算符( &&, || , !) 字符串的比较 字符串按字符在unicode中的码位来比较大小,并且会从开始首位字符比较大小,如果相等会比较下一位字符,直到比较出大小或字符都比较完为止. alert("101"<"3"); 返回true 2.程序流程控制 一…

javascript基础04

javascript基础04 1.循环语句 1.While 语句: while (exp) { //statements; } var i = 1; while(i < 3){ alert(i); i++; } 2.do     while do { 需执行的代码 } while (变量<=结束值) var i = 1; do { alert(i); i++; }while(i < 3); 3.for 循环 for (变量=开始值;变量<=结束值;变量=变量+步进值) { 需执行的…

javascript基础05

javascript基础05 1.变量的作用域 变量既可以是全局,也可以是局部的. 全局变量:可以在脚本中的任何位置被引用,一旦你在某个脚本里声明了全局变量,你就可以 在这个脚本的任何位置(包括函数内部)引用它,全局变量的作用域是整个脚本; 局部变量:只存在于对它做出声明的函数内部,在函数的外部无法相用它,局部变量的作用域 仅限于函数内部; function square(num){ var total; total = num * num; return total; } var total…