JavaScript 基础入门   JavaScript 的组成 JS 由三部分组成,它们分别是:ECMAScript.DOM.BOM. ECMAScript     因为网景开发了JavaScript,一年后微软又模仿JavaScript开发了JScript,为了让JavaScript成为全球标准,几个公司联合ECMA(European Computer Manufacturers Association)组织定制了JavaScript语言的标准,被称为ECMAScript标准. DOM  …

目录 JavaScript 基础入门10 正则表达式 为什么使用正则表达式? 正则表达式的应用场景 如何创建一个正则表达式 基础语法 具有特殊意义的转义字符 量词 字符类 贪婪模式 练习 邮箱验证 中文匹配 模式单元 JavaScript 基础入门10 正则表达式 正则表达式(regular expression)是一个描述字符模式的对象.在JavaScript中,RegExp表示正则对象.在开发的工作当中,我们经常需要使用正则表达式强大的模式匹配.文本 检索.以及替换功能. 简单的说,正则表达…

目录 JavaScript 基础入门09 Event 自定义右键菜单 获取鼠标按键 获取鼠标坐标 获取键盘按键 页面中位置的获取 浏览器的默认行为 冒泡 什么是冒泡 小练习 JavaScript 基础入门09 Event Event 是一个事件对象,当一个事件发生后,和当前事件发生相关的详细信息会被临时存储到一个指定的地方,也就是event对象,以方便我们在需要的时候调用. 在这一点上,非常类似于飞机当中的黑匣子,会记录着飞机的详细信息,当飞机失事的时候可以在黑匣子中找到相关的信息. <!DOC…

目录 JavaScript 基础入门08 DOM 介绍 绑定事件 给一组元素绑定事件 节点 节点树 节点类型 选取文档内容 通过id选取元素 通过指定的标签名选取元素 用指定的css类来选取元素 通过name属性来选取元素 通过CSS选择器选取元素 文档结构和遍历 节点对象树API -- 作为节点树的文档 元素对象树API -- 作为元素树的文档 属性 获取和设置HTML属性 数据集属性 作为Attr节点的属性 使用DocumentFragment 小练习 JavaScript 基础入门08 D…

目录 JavaScript 基础入门07 BOM window对象 Navigator对象 Screen 对象 Location对象 History 对象 JavaScript 基础入门07 BOM 当js的运行环境为浏览器时,学习js应该将其分成三个部分:ECMAScript核心语法.BOM.DOM. BOM我们可以将其称之为浏览器对象模型,主要描述了与浏览器进行交互的方法和接口. IE 3.0 和 Netscape Navigator 3.0 提供了一种特性 - BOM(浏览器对象模型),可…

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

目录 JavaScript 基础入门05 严格模式 严格模式的设计目的 如何开启使用严格模式 显式报错 字符串 字符串的创建 字符串实例方法之常用API JavaScript 基础入门05 严格模式 运行js代码的过程中,除了正常的代码运行模式以外,还存在严格模式(strict mode).意义在于让代码采用更加严格的JavaScript语法. 需要注意的是,相同的代码,在不同的模式下可能会有不同的结果.很多时候在正常模式下能够运行的代码在严格模式下未必能够运行. 严格模式的设计目的 早期的 J…

目录 JavaScript 基础入门04 JavaScript 对象 介绍 关于键名 对象的引用 语句和表达式需要注意的地方 对象属性常见的操作 with语句 JSON 特点 语法规则 JSON合法示例 JSON对象 JSON.stringify() JSON.parse() JavaScript 基础入门04 JavaScript 对象 介绍 对象(object)是js中的核心概念,也是最重要的数据类型. 那么什么是对象呢? 简单的说,对象就是一组键值对(key-value)的集合,是一种无序…

javascript基础入门之js中的结构分支与循环语句 程序的结构①顺序结构:自上而下:②选择(分支)结构:多条路径,根据不同的条件,只执行其中一个:③循环结构:重复某些代码④配合特定的语句实现选择或循环结构 分支结构语句 单分支:if(){}    ()                执行条件    {}                执行语句    双分支            if(执行条件){                        执行语句1            }else{…

javascript基础入门之js中的数据结构与数据转换01 js的组成(ECMAScript.BOM.DOM)        js中的打印语句:        数据类型        变量        运算符        数据类型转换        js中三大特殊值 js的组成(ECMAScript.BOM.DOM) ①ECMAScript: ECMAScript是一个标准,它规定了语法.类型.语句.关键字.保留子.操作符.对象.(相当于法律):②BOM(浏览器对象模型):对浏览器窗口进行…

一.JavaScript基础 1.1JavaScript概述 1.2如何使用的JavaScript 1.3JavaScript基本语法 1.4JavaScript数据类型 1.5JavaScript运算符 1.6JavaScript变量作用域和生命周期 1.7输出语句 二.JavaScript流程控制 三.JavaScript字符串和数组 3.1字符串 3.2数组 四.对象和函数 4.1对象 4.2对象的原型 4.3函数 4.4函数参数 五.JavaScript错误处理 六.JavaScript…

学习目标: - 掌握编程的基本思维 - 掌握编程的基本语法 typora-copy-images-to: media JavaScript基础 HTML和CSS 京东 课前娱乐 众人皆笑我疯癫,我笑尔等看不穿 课前说明 目标:掌握编程的基本思想掌握JavaScript的基础语法,使用常见API(备注)完成相应案例及练习和作业培养独立解决问题能力遇到问题先独立调试(牛X从规范和调试开始)能够独立写出所有案例代码注意: 以大多数同学的接受能力为基准,稳准狠的前行 注重基础,以最简单的案例说明问题,并…

JavaScript入门 - 01 准备工作 在正式的学习JavaScript之前,我们先来学习一些小工具,帮助我们更好的学习和理解后面的内容. js代码位置 首先是如何编写JavaScript代码,说到这,我们首先要来说明一个需要新人们关注的点,因为我们的js是一门跨平台的语言,所以说,我们的代码可以运行在不同的平台之上.这也就导致了可能相同的代码放在不同的平台运行就会有所出入. 这里面说的平台其实被称之为宿主环境. 同时,代码在不同的平台上的运行方式也有所不同. 如果运行在服务端,那么更多的…

新手应该怎么学习JS?JavaScript入门 - 01 准备工作 在正式的学习JavaScript之前,我们先来学习一些小工具,帮助我们更好的学习和理解后面的内容. js代码位置 首先是如何编写JavaScript代码,说到这,我们首先要来说明一个需要新人们关注的点,因为我们的js是一门跨平台的语言,所以说,我们的代码可以运行在不同的平台之上.这也就导致了可能相同的代码放在不同的平台运行就会有所出入. 这里面说的平台其实被称之为宿主环境. 同时,代码在不同的平台上的运行方式也有所不同. 如果运…

说明 前面三篇博客介绍了js中基本的知识点,包括变量类型及其转换.表达式.运算符等小知识点,这篇博客主要讲的是对象.如果你学过java等语言,你也许在下文的阅读中发现在js中的对象与java中的对象存在一定的区别. 相关术语说明 一.对象中成员变量的”属性特性“ ①可写:表明该属性可以设置其值. ②可枚举:表明是否可以通过for/in循环返回该属性. ③可配置:表明是否可以删除或者修改该属性. 注:关于for/in等语句的说明,第一篇博文就说过,本系列教程是建立在读者对基本的编程有一定了解的基础…

说明 前一篇博客介绍了js以及一些关于js基本类型的简单知识,本篇博客将详细介绍js的基础类型,捎带介绍对象类型,更详细的对象类型的说明将后续再讲. js中类型的说明 js中的类型分为基本类型和对象类型,其中基本类型包括:①数字.②字符串.③布尔值.此外还有两个原始值null和undefined.其中对象包括数组对象.函数对象和普通对象,普通对象是“命名值”的无序集合,而数组对象是带编号的值的有序集合.JavaScript核心还定义了三种有用的类:日期(Data)类.正则(RegExp)类.错误…

JavaScript能用来做什么?     页面分为:结构.样式.行为.   JavaScript的组成:     ECMAScript.BOM.DOM       ECMAScript是一个标准,它规定了语法.类型.语句.关键字.保留子.操作符.对象.(相当于法律)         BOM(浏览器对象模型):可以访问浏览器窗口的浏览器对象模型,对浏览器窗口进行操作.         DOM(文档对象类型):DOM把整个页面映射成一个多层节点结构.HTML页面组成都是某种类型的节点,这些节点又包…

目录 JavaScript 面向对象编程 前言 构造函数创建对象 instanceof constructor 返回值 原型对象 关于对象的属性查找 in hasOwnProperty() JS当中实现继承 类式继承 实现类式继承 - 原型链继承 实现类式继承 - 借用构造函数 实现类式继承 - 组合继承 实现类式继承 - 寄生组合继承 类式继承 -- ES6 class 使用原型继承 原型继承 与原型链继承的关系 拷贝继承 拷贝函数 对象间的拷贝继承 使用构造函数的拷贝组合继承 JavaScr…

目录 JavaScript 运动原理 运动基础 简单运动的封装 淡入淡出 不同属性的设置 多属性值同时运动 运动回调,链式运动 缓冲运动 加入缓冲的运动框架 案例1 多图片展开收缩 运动的留言本 JavaScript 运动原理 运动基础 在JavaScript中,如何让一个页面元素动起来? 首先,我们需要了解的是,在JavaScript中如何让一个页面元素动起来. 我们先来实现一个简单的功能,当我们点击按钮之后,让一个元素动起来.并且到达500的边界之后立刻停止下来. <!DOCTYPE htm…

JavaScript他是一种描述性语言,使用JavaScript就是为了能和网页有更好的交互,下面切入主题进行讲解. 一.JavaScript 1.什么是JavaScript JavaScript是一种描述性语言,也是一种基于对象(Object)和事件驱动(Event Driven)的,并具有安全性的脚本语言. 2.JavaScript的特点总结 JavaScript主要用来向HTML页面添加交互行为. JavaScript是一种脚本语言,语法和Java类似. javaScript一般用来编写客…

Javascript概述: Javascript是基于对象和事件的脚本语言.特点; 1.安全性(不允许直接访问本地硬盘),它可以做的就是信息的动态交互. 2.跨平台性. JavaScript与HTML的结合方式: 想要将其他代码融入HTML,都是以标签的形式. 1. Js代码存放在标签对<script type="text/javascript">....<script> 2. 使用JavaScript标签引入Js文件.如: <script type=&q…

说明 在看这篇博文之前还是希望读者阅读本系列前几篇文章,还有就是该系列需要读者拥有其它语言的编程基础,一些基本的知识点,比如什么是形参和实参将不再赘述.这篇博文主要讲函数. 函数的定义 在js种支持函数的嵌套定义,也就是说函数内部还能定义函数,这样一来就形成了闭包,它将给js带来非常强大的编程能力.在js种定义可以有两种形式,一种是声明方式定义函数,它和其它语言中常用的定义差不多,还有一种以表达式方式定义函数,它和和c语言中将函数赋值给函数指针的样子有点像. //声明方式定义函数 functio…

说明 本系列博客的第一篇已经说明了,要求阅读者需要具有其它语言的编程基础,所以关于组数的基础部分本篇博客将不再赘述,主要讲js中数组的特性. 创建数组 数组的创建主要有两种方法,一种是数组直接量,还有一种是new Array()的方式.其中这两种方式都和java中创建数组的方式类似. var a = []; //创建一个没有元素的数组,并用a引用它. var b = [1,,2] //创建一个只有两个元素,但是数组length值为3的数组. var c = new Array(5); //创建一…

本系列教程的说明 本教程说白了可以说是我自己学习JavaScript的笔记,主要内容参考自<JavaScript权威指南>,部分内容可能来自互联网,本系列教程假设学者之前学过c或者其它的编程语言,所以一些基本for.if等语句的用法并不讲解. javascript简介 JavaScript简称js,最初由网景(现在的Mozilla)公司创建,由于商标冲突原因,其标准版本命名为ECMAScript,但是一般人们还是叫JavaScript,只在谈标准的时候说到ECMAScript这个名字.值得注意…

JavaScript三种使用方式 JavaScript代码屏蔽 JavaScript内容显示的位置 JavaScript中的错误及解决方法 1.语法错误:通过控制台可以检查并解决. 2.逻辑错误:通过alert()插入来进行判断并解决. JavaScript中的小案例 1.输出1~100之间奇数或者偶数的和: 2.输出一个九九乘法表: 3.百钱买百鸡: JavaScript中特别的判断方法 JavaScript中通过arguments对象得到每一个参数的值并相加 JavaScript中通过arg…

https://www.imooc.com/learn/36 注意: javascript作为一种脚本语言可以放在html页面中任何位置,但是浏览器解释html时是按先后顺序的,所以前面的script就先被执行.比如进行页面显示初始化的js必须放在head里面,因为初始化都要求提前进行(如给页面body设置css等):而如果是通过事件调用执行的function那么对位置没什么要求的. 输出HTML标签,并起作用,标签使用""括起来. <script type="text…

说明 前面的两篇博客介绍了js中的基本知识中的变量类型.标识符等.这篇博客主要谈表达式以及运算符. 原始表达式 原始表达式就是表达式中最小的,不能在分割的表达式,一般指变量.常数直接量.关键字(true.false.null.this),这里需要注意的是undefined是一个全局变量,而不是关键字. 对象和数组的初始化表达式 数组初始化表达式是一个方括号,中间放置数组中的元素,元素间用逗号分割.元素可以是表达式.数组.空. [] //一个空数组,数组里面没有元素 [1+2,3+4] //一个拥…

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

-----------------------小历史---------------------------- javascript与java是两种语言,他们的创作公司不同,JavaScript当时是借助java的影响力,将 名字改为javascript. 要说的是,学习javascript和学java大致相同,学完javascript你差不多也能掌握,java的大致基础 所以在选择学习语言之前,要清楚一个要点,就是这两个语言的学习反馈机制. 什么是反馈机制?简单的说:"就是学习语言时,它给你的回…

原文出處  http://www.dotblogs.com.tw/mis2000lab/archive/2013/08/20/ashx_beginner_02_fileupload_picture_preview.aspx [.ashx檔?泛型处理例程?]基础入门#2....FileUpload上传前,预览图片(两种作法--ashx与JavaScript) 有了上一篇文章的观念,也见识过 .ashx档案的格式 [.ashx檔?泛型处理例程?]基础入门#1....能否用中文教会我?别说火星文? 我…