web前端学习线路图3

二十四、 JavaScript实例教程

第一个 javascript 程序javascript 放在 head 部分javascript 放在 body 部分javascript 放在 head 和 body 部分javascript 变量作用域javascript 算术运算符

javascript 比较运算符javascript 逻辑运算符javascript 位运算符JavaScript 字符串string link方法JavaScript 字符串 string small方法JavaScript 字符串string strike方法

JavaScript 字符串 string sub方法JavaScript 字符串 string sup方法JavaScript 数组 构造方法JavaScript 数组长度 lengthJavaScript 数组连接 concat 方法JavaScript 数组 every 方法

JavaScript 数组 filter 方法javascript 赋值运算符JavaScript 数组 filter 方法JavaScript 数组 foreach 循环JavaScript 数组索引 indexof 方法JavaScript 数组连接 join 方法

JavaScript 数组最后索引 lastindexofJavaScript 数组映射 mapJavaScript 数组出栈 popJavaScript 数组入栈 pushJavaScript 数组 reduce 方法JavaScript 数组 reduceRight 方法

Javascript 条件运算符JavaScript 数组反转 reverseJavaScript 数组 shift 方法JavaScript 数组切片 sliceJavaScript 数组 some 方法JavaScript 数组 toSource方法

JavaScript 布尔boolean toSource方法JavaScript 数组 sort 方法JavaScript 数组 splice方法JavaScript 数组 toString方法JavaScript 数组 unshift 方法javascript typeof 运算符

JavaScript 日期构造方法constructor属性JavaScript 日期DateJavaScript 日期getDate方法JavaScript 日期getDay 方法JavaScript 日期getFullYear方法JavaScript 日期getHours方法

JavaScript 日期 getMilliseconds方法JavaScript 日期getMinutes方法JavaScript 日期getMonth方法JavaScript 日期getSeconds方法javascript if 语句JavaScript 日期getTime方法

JavaScript 日期getTimezoneOffset方法JavaScript 日期getUTCDate方法JavaScript 日期 getUTCDay 方法JavaScript 日期getUTCFullYear方法JavaScript 日期getUTCHours 方法JavaScript 日期getUTCMilliseconds 方法

JavaScript 日期getUTCMinutes 方法JavaScript 日期 getUTCMonth 方法JavaScript日期 getUTCSeconds方法javascript if else 语句JavaScript 日期getYear 方法JavaScript 日期setDate方法

JavaScript 日期 setFullYear 方法JavaScript 日期setHours 方法JavaScript 日期setMilliseconds方法JavaScript 日期 setMinutes 方法JavaScript 日期 setMonth方法JavaScript 日期 setSeconds方法

JavaScript 日期setTime方法JavaScript 日期setUTCDate方法javascript if elseif 语句JavaScript 日期setUTCFullYear方法JavaScript 日期setUTCHours方法JavaScript 日期setUTCMilliseconds方法

JavaScript 日期setUTCMinutes方法JavaScript 日期setUTCMonth方法JavaScript 日期 setUTCSeconds方法JavaScript 日期setYear方法JavaScript 日期toDateString方法JavaScript 日期 toGMTString 方法

JavaScript 日期 toLocaleDateString 方法javascript switch case 语句JavaScript 日期toLocaleFormat方法JavaScript 日期toLocaleString方法JavaScript 日期toLocaleTimeString方法JavaScript 日期toSource方法

JavaScript 日期toString方法JavaScript 日期toTimeString方法JavaScript 日期toUTCString方法JavaScript 日期valueOf方法JavaScript 日期parse方法JavaScript 日期UTC方法

javascript 不用 break 语句JavaScript Math E 属性JavaScript Math LN2属性JavaScript Math LN10 属性JavaScript Math LOG2E属性JavaScript Math LOG10E 属性

JavaScript Math PI 属性JavaScript Math SQRT1_2 属性JavaScript Math SQRT2 属性JavaScript Math abs 属性JavaScript Math acos 属性javascript while 循环

JavaScript Math asin 方法JavaScript Math atan 方法JavaScript Math atan2 方法JavaScript Math ceil 方法JavaScript Math cos 方法JavaScript Math exp 方法

JavaScript Math floor 方法JavaScript Math log 方法JavaScript Math max 方法JavaScript Math min 方法javascript dowhile 循环JavaScript Math pow 方法

JavaScript Math random 方法JavaScript Math round 方法JavaScript Math sin 方法JavaScript Math sqrt 方法JavaScript Math tan 方法JavaScript Math toSource 方法

JavaScript 正则表达式RegExp的constructor属性JavaScript 正则表达式RegExp的global属性JavaScript 正则表达式RegExp的ignoreCase属性javascript for 循环JavaScript 正则表达式RegExp的lastIndex属性JavaScript 正则表达式RegExp的multiline属性

JavaScript 正则表达式RegExp的source属性JavaScript 正则表达式RegExp的exec方法JavaScript 正则表达式RegExp的test方法JavaScript 正则表达式RegExp的toString方法JavaScript document title 属性JavaScript document title 属性

JavaScript document all 属性JavaScript try catch 语句javascript forin 循环JavaScript try catch 语句JavaScript finally 语句JavaScript throw 语句

JavaScript onerror 语句JavaScript onerror 信息JavaScript form表单验证JavaScript 手动动画JavaScript 自动动画JavaScript 鼠标经过onMouseOver事件

JavaScript 插件安装列表navigator.pluginsjavascript break 语句JavaScript 控制多媒体JavaScript 控制多媒体JavaScript 图片映射JavaScript 浏览器检测

JavaScript switch case语句JavaScript 没有 break 语句javascript break 语句javascript continue 语句label break 语句label continue 语句

javascript continue 语句JavaScript 函数调用JavaScript 函数参数return 语句JavaScript 保存 cookiesJavaScript 读取 cookies

JavaScript 设置 cookies过期时间JavaScript 设置 cookies过期时间JavaScript 数字最大值JavaScript 数字最小值JavaScript 数字NaN属性javascript label break 语句

JavaScript 数字负无穷JavaScript 数字正无穷JavaScript toSource方法javascript label continue 语句JavaScript 函数调用JavaScript 函数参数

JavaScript return 语句JavaScript 嵌套函数JavaScript 函数构造方法JavaScript 函数字面量JavaScript onclick 事件JavaScript onmouseover 事件

JavaScript 保存 cookiesJavaScript 读取 cookieJavaScript 设置 cookie 过期事件JavaScript 页面刷新JavaScript 页面重定向JavaScript 页面重定向2

JavaScript 警告（提示）alert对话框alert 确认confirmation 对话框alert 提示prompt对话框JavaScript alert 警告JavaScript 空链接JavaScript void undefined 空值

JavaScript 窗口打印JavaScript 数字最后元素JavaScript BooleanJavaScript 创建布尔Boolean对象JavaScript Number.toExponential() 方法JavaScript Number.NEGATIVE_INFINITY

javascript 创建对象JavaScript 数字最大值JavaScript 变量声明JavaScript 就是数的平方根JavaScript 检查是否是数字Number的isInteger方法JavaScript 四舍五入

JavaScript 绝对值JavaScript 自增自减操作符JavaScript 自减 (--) 操作符JavaScript 自增 (++) 操作符JavaScript 算术运算符JavaScript用户自定义函数

JavaScript 空数组JavaScript 变量定义JavaScript 检查未定义变量JavaScript 生成随机数JavaScript 条件运算符JavaScript 赋值运算符

JavaScript 变量和 AJAX 调用JavaScript 变量是函数类型JavaScript 从嵌套循环退出JavaScript 遍历数组JavaScript定义方法JavaScript for 循环

JavaScript for in 循环JavaScript while 循环JavaScript 减法 (-)JavaScript 一元符号运算符 (-)JavaScript 小于运算符 (<)JavaScript delete 方法

JavaScript 逻辑运算符JavaScript 变量类型JavaScript 比较运算符JavaScript with 关键字JavaScript 算术运算符javascript:void(0)

JavaScript continue 语句JavaScript break 语句JavaScript 变量是NaNJavaScript NaNJavaScript switch...case 语句JavaScript if...else if... 语句

JavaScript if 语句JavaScript数字最大值JavaScript 数字最大值JavaScript 数字最小值JavaScript 数字NaN属性JavaScript数字负无穷大

JavaScript 数字正无穷大JavaScript 对象原型 prototypeJavaScript 数字构造函数JavaScript 数字toExponential函数JavaScript 数字toFixed函数JavaScript 数字toLocaleString函数

JavaScript 数字toPrecision函数JavaScript 数字toString函数JavaScript valueOf函数JavaScript 布尔构造函数JavaScript 布尔 toString函数JavaScript布尔valueOf函数

JavaScript 字符串构造函数JavaScript 字符串长度 length 函数JavaScript 字符串charAt函数JavaScript 字符串charCodeAt函数JavaScript 字符串 concat 函数JavaScript 字符串 indexOf函数

JavaScript 字符串lastIndexOf函数JavaScript 字符串localeCompare方法（函数）JavaScript 字符串 string match 方法（函数）JavaScript 字符串 string replace函数JavaScript 字符串 string replace 替换函数JavaScript 字符串 string 替换 replace 方法（函数）

JavaScript 字符串string 搜索 search方法（函数）JavaScript 字符串 string slice方法JavaScript 字符串 string split 拆分方法JavaScript 字符串 string substr 子字符串方法JavaScript 字符串 string substring子字符串方法JavaScript 字符串string toLocaleLowerCase方法

JavaScript 字符串 string toLocaleUpperCase 方法JavaScript 字符串string toLowerCase方法JavaScript 字符串 string toString方法JavaScript 字符串 string toUpperCase方法JavaScript 字符串 string valueOf方法JavaScript 字符串string anchor方法

JavaScript 字符串 string big 方法JavaScript 字符串 string blink 方法JavaScript 字符串 string bold方法JavaScript 字符串 string fixed方法JavaScript 字符串string fontcolor 方法JavaScript 字符串string fontsize方法

JavaScript 字符串string italics方法BackboneJS - Event OnBackboneJS - Event OffBackboneJS - Event TriggerBackboneJS - Event OnceBackboneJS - Event listenTo

BackboneJS - Event stopListeningBackboneJS-Event listenToOnceBackboneJS-Event listenToOnceBackboneJS-Model ExtendBackboneJS-Model InitializeBackboneJS-Model Get

BackboneJS-Model SetBackboneJS-Model EscapeBackboneJS-Model HasBackboneJS-Model UnsetBackboneJS-Model ClearBackboneJS-Model Id

BackboneJS-Model IdAttributeBackboneJS-Model CidBackboneJS-Model AttributesBackboneJS-Model ChangedBackboneJS-Model DefaultsBackboneJS-Model toJSON

BackboneJS-Model SyncBackboneJS-Model FetchBackboneJS-Model SaveBackboneJS-Model DestroyBackboneJS-Model ValidateBackboneJS-Model validationError

BackboneJS-Model isValidModel UrlBackboneJS-Model urlRootBackboneJS-Model ParseBackboneJS- Model CloneBackboneJS-Model hasChanged

BackboneJS-Model isNewBackboneJS-Model changedAttributesBackboneJS-Model PreviousBackboneJS-Model previousAttributesBackboneJS-Collection ExtendBackboneJS-Collection Model

BackboneJS-Collection InitializeBackboneJS-Collection ModelsBackboneJS-Collection toJSONBackboneJS-Collection SyncBackboneJS-Collection AddBackboneJS-Collection Remove

BackboneJS-Collection ResetBackboneJS-Collection SetBackboneJS-Collection GetBackboneJS - Collection AtBackboneJS - Collection UnshiftBackboneJS - Collection Shift

BackboneJS - Collection SliceBackboneJS - Collection LengthBackboneJS - Collection ComparatorBackboneJS - Collection SortBackboneJS - Collection PluckBackboneJS - Collection Where

BackboneJS - Collection findWhereBackboneJS - Collection UrlBackboneJS - Collection ParseBackboneJS - Collection CloneBackboneJS - Collection FetchBackboneJS - Collection Create

BackboneJS - Router ExtendBackboneJS - Router RoutesBackboneJS - Router InitializeBackboneJS - Router RouteBackboneJS - Router NavigateBackboneJS - Router Execute

BackboneJS - HistoryBackboneJS - Sync Backbone.syncBackbone.emulateHTTPBackbone.emulateJSONBackboneJS - View ExtendBackboneJS - View Initialize

BackboneJS - View ElBackboneJS-View setElementBackboneJS - View AttributesBackboneJS - View $(jQuery)BackboneJS - View TemplateBackboneJS - View Render

BackboneJS - View RemoveBackboneJS - View delegateEventsBackboneJS-View undelegateEventsUtility Backbone.noConflictUtility Backbone.$BackboneJS - View $el

BackboneJS - View $elBackbonJS - Self-ExplanatoryGoogle Charts Configuration SyntaxGoogle Charts Basic Area ChartGoogle Charts Stacked Area ChartGoogle Charts 100% Stacked Area Chart

Google Charts Area Chart with missing pointsGoogle Charts Area Chart with Inverted axesGoogle Charts Area chart having negative valuesGoogle Charts Basic bar chartGoogle Charts Grouped bar chartGoogle Charts Stacked bar chart

Google Charts Negative Stacked bar chartGoogle Charts 100% Stacked bar chartGoogle Charts Material bar chartGoogle Charts Bar chart with data labelsGoogle Charts Basic Bubble ChartGoogle Charts Bubble Chart with labels

Google Charts Basic Calendar ChartGoogle Charts Customized Calendar ChartGoogle Charts basic Candlestick ChartGoogle Charts Customized Candlestick ChartGoogle Charts Basic Column ChartGoogle Charts Grouped Column Chart

Google Charts Stacked Column ChartGoogle Charts Negative Stacked Column ChartGoogle Charts 100% Stacked Column ChartGoogle Charts Material Column ChartGoogle Charts Column Chart with data labelsGoogle Charts Combination Chart

Google Charts Basic Histogram ChartGoogle Charts Histogram Chart ColorsGoogle Charts Histogram Chart BucketsGoogle Charts Histogram Chart Multiple SeriesGoogle Charts Basic Line ChartGoogle Charts Basic Line Chart With visible points

Google Charts Basic Line Chart With Customizable background colorGoogle Charts Basic Line Chart With Customizable line colorGoogle Charts Basic Line Chart With Customizable axis and tick labelsGoogle Charts Basic Line Chart With CrosshairsGoogle Charts Basic Line Chart With Customizable line styleGoogle Charts Basic Line Chart with curved lines

Google Charts Material Line ChartGoogle Charts Top X Line ChartGoogle Charts Basic MapGoogle Charts Map using Latitude/LongitudeGoogle Charts Map Customizing markersGoogle Charts Organization Chart

Google Charts Basic Pie ChartGoogle Charts Basic Donus ChartGoogle Charts 3D Pie ChartGoogle Charts Exploded Pie ChartGoogle Charts Basic Sankey ChartGoogle Charts Multilevel Sankey Chart

Google Charts Customized Sankey ChartGoogle Charts Basic Scatter ChartGoogle Charts Material Scatter ChartGoogle Charts Scatter Chart with Dual Y-axisGoogle Charts Top X Axis Scatter ChartGoogle Charts Basic Stepped Chart

Google Charts Stacked Stepped ChartGoogle Charts 100% Stacked Stepped ChartGoogle Charts Table ChartGoogle Charts Basic Timelines ChartGoogle Charts Timelines Chart with data labelsGoogle Charts Timelines chart without Row Label

Google Charts Timelines chart coloringGoogle Charts TreeMap ChartGoogle Charts Basic TrendlinesGoogle Charts Exponential TrendlinesGoogle Charts Polynomial TrendlinesExt.js First Program

Ext.js Components Inside ContainerExt.js Container Inside ContainerExt.js Ext.panel.Panel ContainerExt.js Ext.form.Panel ContainerExt.js Ext.tab.Panel ContainerExt.js Ext.container.Viewport Container

Ext.js Absolute LayoutExt.js Accordion LayoutExt.js Anchor LayoutExt.js Border LayoutExt.js Auto LayoutExt.js card_panel Layout

Ext.js card_wizard LayoutExt.js Column LayoutExt.js Fit LayoutExt.js Table LayoutExt.js vBox LayoutExt.js hbox Layout

Ext.js GridExt.js FormExt.js Basic Alert BoxExt.js Confirm BoxExt.js Prompt BoxExt.js Multiline User Input Box

Ext.js Yes NO Cancel BoxExt.js Pie ChartExt.js Line ChartExt.js Bar ChartExt.js Area ChartExt.js Tooltip

Ext.js WindowExt.js HTML EditorExt.js Progress BarExt.js Drag and DropExt.js Grid to Grid Drag and DropExt.js Grid to Form Drag and Drop

Ext.js Neptune ThemeExt.js Crisp ThemeExt.js Triton ThemeExt.js Gray ThemeWriting listener in Ext JSExt.js Multiple Events in the Same Listener

Ext.js Attaching an Event LaterExt.js Custom EventsExt.js Font-Awesome Triton ThemeExt.js Font-Awesome Normal ThemeExt.js Circle DrawingExt.js Rectangle Drawing

Ext.js Arc DrawingExt.js Ellipse DrawingExt.js Elliptical Arc DrawingExt.js Image DrawingExt.js Path DrawingExt.js Text Drawing

Ext.js Translate DrawingExt.js Rotate DrawingExt.js Square DrawingExt.js Localization1Ext.js Localization2Ext.js Focus Styling and Tabs

Ext.js ARIA Theme