image-element
img元素定义及使用说明: <img> 标签定义 HTML 页面中的图像。 <img> 标签有两个必需的属性：src 和 alt。 值得注意的是: 从技术上讲，图像并不会插入 HTML 页面中，而是链接到 HTML 页面上。<img> 标签的作用是为被引用的图像创建占位符。 通过在 <a> 标签中嵌套 <img> 标签，给图像添加到另一个文档的链接。 img元素的属性列表: 属性名 值 描述 align top\bottom\middle\left\right HTML5 不支持。HTML 4.01 已废弃。 规定如何根据周围的文本来排列图像。 alt text 规定图像的替代文本。 height pixels 规定图像的高度。 src URL 规定显示图像的 URL。 width pixels 规定图像的宽度。 1234567891011121314151617<!DOCTYPE html><html> <head> <tit...
12 Bom对象
BOM对象及其属性和方法1 window对象当前的窗口对象 全局所有的对象的父对象 2 Navigator对象当前的浏览器对象 浏览器的名称、版本、代理等信息 3 Screen对象屏幕对象 屏幕的尺寸 4 location 对象url对象 能够用来解析url，访问新的地址，请求的协议和端口号。 5 storage对象 本地存储对象localStorage 将数据存储到本地 sessionStorage对象，将数据存储为会话数据。 6 document对象整个HTML页面的对象。 能够得到所有的文档节点、元素节点、属性节点、文本节点、注释节点 能够得到当前页面包含的cookie。保存当前的登录信息 7 history对象代表浏览器的历史记录。 history.back history.forward
02 基础语法
区分大小写JavaScript 是一种区分大小写的语言。这意味着 JavaScript 的关键字、变量名、函数名、以及任何其他的标识符必须使用一致的大小写形式。比如 atguigu、Atguigu 或 ATGUIGU 是不同的变量名。 123456var jinyunlong = "jinyunlong";// 定义jinyunlong变量console.log(jinyunlong);// 打印jinyunlong变量var Jinyunlong = "Jinyunlong";// 定义Jinyunlong变量console.log(Jinyunlong);// 打印Jinyunlong变量var JINYUNLONG = "JINYUNLONG";// 定义JINYUNLONG变量console.log(JINYUNLONG);// 打印JINYUNLONG变量 值得注意的是: 在 JavaScript 中定义变量名和函数名时应该特别注意。 空格和换行JavaScript 会忽略出现在代码中的空格、制表符和换行...
01 简介
JavaScript 介绍什么是 JavaScriptJavaScript 是一种由 Netscape 的 LiveScript 发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言，主要目的是为了解决服务器端语言，比如 Perl，遗留的速度问题，为客户提供更流畅的浏览效果。 当时服务端需要对数据进行验证，由于网络速度相当缓慢，只有 28.8kbps，验证步骤浪费的时间太多。于是 Netscape 的浏览器 Navigator 加入了 JavaScript，提供了数据验证的基本功能。 JavaScript，一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为 JavaScript 引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在 HTML 网页上使用，用来给HTML网页增加动态功能。然而现在 JavaScript 也可被用于网络服务器，如 Node.js。 JavaScript发展历史 在 1995 年由 Netscape (网景)公司推出 LiveScript。在此之前，没有所谓的前端技术。所有的处理都需要由服务器...
04 字符串
大小写转换String 对象提供如下方法，用于大小写转换。 方法名 说明 toUpperCase() 把字符串转换为大写。 toLowerCase() 把字符串转换为小写。 12345678var msg = 'Hello World';var lowerMsg = msg.toLowerCase();var upperMsg = msg.toUpperCase();console.log( msg );// Hello Worldconsole.log( lowerMsg );// hello worldconsole.log( upperMsg );// HELLO WORLD 获取指定位置的字符String 对象提供如下方法，用于获取指定位置的字符。 方法名 说明 charAt() 返回在指定位置的字符。 charCodeAt() 返回在指定的位置的字符的 Unicode 编码。 1234var str = "HELLO WORLD";console.log( str.charAt(2) );...
03 变量和常量
变量什么是变量变量是存储数据信息的容器。 变量被认为是有名字的容器。在代码中，使用变量名为值命名，需要遵守一定的规则。 值得注意的是: 在 JavaScript 代码中，必须先声明一个变量，这个变量才能被使用。 JavaScript 中的变量是弱类型的，也称之为松散类型的。所谓弱类型/松散类型就是可以用来保存任何类型的数据。 12var v = 100;v = "string"; 变量的声明在 JavaScript 代码中，使用变量前应当先声明。变量是使用关键字 var 声明的。 只声明未初始化，变量的值自动取值为 undefined 一行代码只声明一个变量: 12var sum;// 值为undefinedvar msg;// 值为undefined 一行代码声明多个变量 1var x, y, z;// 值为undefined 将变量的声明和初始化合写在一起 一行代码只声明一个变量并赋值: 12var sum = 100;// 值为 100var msg = "this is message";// 值为...
05 数组
数组是值的有序集合。数组中的每个值叫做一个元素，而每个元素在数组中都有一个唯一的位置。这个位置用数字表示，叫做索引数据；用字符串表示，叫做关联数组。 JavaScript 数组是无类型的：数组的元素可以是任何类型，例如字符串、数字值、布尔值等，而且每个数组中的不同元素可能是不同类型。 JavaScript 数组是动态的：根据需要，可以动态地向数组插入新的元素，或者从数组中删除指定的元素。 一维数组定义数组数组的最大作用就是用于存储多个值。定义数组分别两种形式: 使用数组字面量方式: 12var arr1 = [ ];var arr2 = [ 1, "a", true ]; 使用数组关键字方式: 12var arr1 = Array( );var arr2 = Array( 1, "a", true ); 值得注意的是: 在一个数组中的不同元素可以是不同数据类型。 索引数组索引数组就是存储元素的位置使用数字值来表示，一般称之为下标或角标。具体创建方式如下述代码: 1234var arr = [];arr[0] = 1;arr[...
07 函数
函数是这样的一段 JavaScript 代码，它只定义一次，但可能被执行或调用多次。 简单来说，函数就是一组可重用的代码，你可以在你程序的任何地方调用他。 例如下述代码: 123function fn(){ console.log("this is function");} 函数定义定义函数有两种方式: 函数声明方式: 123function fn(){ console.log("this is function");} 字面量方式: 123var fun = fnction(){ console.log("this is function");} 函数调用定义一个函数并不会自动的执行它。定义了函数仅仅是赋予函数以名称并明确函数被调用时该做些什么。调用函数才会真正执行这些动作。 定义一个函数fn: 123function fn(){ console.log("this is function");} ...
08 函数对象
函数与 Function 对象函数是这样的一段 JavaScript 代码，它只定义一次，但可能被执行或调用多次。 Function 类型是 JavaScript 提供的引用类型之一，通过 Function 类型创建 Function 对象。 在 JavaScript 中，函数也是以对象的形式存在的。每个函数都是一个 Function 对象。 函数名，本质就是一个变量名，是指向某个 Function 对象的引用。 构造函数在 JavaScript 中，函数除了可以通过函数定义语句或字面量表达式两种方式定义之外，还可以通过 Function 类型进行定义: 12345var add = new Function( "num1", "num2", "var sum = num1+num2; return sum;"); 值得注意的是: 通过 Function 类型定义函数的效率远不如通过函数定义语句或字面量表达式两种方式定义。 目前，定义函数具有三种方式，这三种方式之间存在一定差别: 定义方式 执行 效率 ...
06 流程控制
在 JavaScript 中，语句使用分号（;）进行分隔。可以在每行编写一条语句，也可以在每行编写多条语句。 分类: 条件语句: JavaScript 解释器根据一个值判断是执行还是跳过指定语句。 循环语句: JavaScript 解释器根据一个值判断是否重复执行指定语句。 跳转语句: 使 JavaScript 解释器跳转到指定语句。 值得注意的是: 建议每行编写一条语句，便于提高代码的阅读性。 JavaScript解释器按照语句的编写顺序依次执行。 语句块JavaScript 中使用一对花括号（{}）表示一个语句块。使用语句块为语句进行分组，这样使语句的结构清晰明了。如下述代码: 1234{ var arguigu = "arguigu"; console.log(arguigu);} 值得注意的是: 语句块的结尾不需要分号。 语句块中的行都有缩进，但并不是必需的。 语句中声明变量是全局变量（后面的课程学习）。 空语句空语句允许包含 0 条语句，JavaScript 解释器执行空语句时，不会执行任何动作。空语句如下...
