文章列表
王军 于 5个月前发表 449 0 0
本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 —— 数组的基本处理函数 Array.push();添加元素在数组最后,并返回数组新的长度 Array.pop();删除最后一个元素,减小数组长度,并返回最后一个元素 Array.unshift();在数组前面添加元素 Array.splice(n,x); //n数组下标 x删除几个 从n开始删除 (x=1时,表明删除当前下标为n的元素) indexOf() 搜索整个数组中具有给定制的元素,返回找到的第一个元素的索引或者如果没有找到就返回 -1 map()方法将调用的数组的每个元素传递给指定函数,并返回一个数组,它包含该函数的返回值 a= [1,2,3]; b=a.map(function(){ return x*x;}); //b是[1,4,9] 字符数组的基本处理函数 1.substr(x,n) 输出一段字符串,从x向后输出n个 小贴士 类似于splice(x,n); substr(n)从第n个到最后 2.charAt(n)
5个月前
HTML&HTML5
吴浩麟 于 5个月前发表 706 0 0
最近在做组件的过程中遇到滚动到底部需要加载更多的需求,发现每个HTML元素都具有一些容易搞混淆的属性就详细的研究了一番总结下。 每个HTML元素都具有 clientHeight offsetHeight scrollHeight offsetTop scrollTop 这5个和元素高度、滚动、位置相关的属性,单凭单词很难搞清楚分别代表什么意思之间有什么区别。通过阅读它们的文档总结出规律如下: clientHeight 和 offsetHeight 属性和元素的滚动、位置没有关系它代表元素的高度,其中: * clientHeight :包括padding但不包括border、水平滚动条、margin的元素的高度。对于inline的元素这个属性一直是0,单位px,只读元素。[http://7tszky.com1.z0.glb.clouddn.com/FmoyfwVMoVKbeRfuHAghzFPImwr5]
5个月前
HTML&HTML5
王军 于 5个月前发表 377 0 0
本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 —— 语句 条件语句 通常在写代码时,您总是需要为不同的决定来执行不同的动作。您可以在代码中使用条件语句来完成该任务。 在 JavaScript中,我们可使用以下条件语句: if 语句 - 只有当指定条件为 true 时,使用该语句来执行代码 if...else 语句 - 当条件为 true 时执行代码,当条件为 false 时执行其他代码 if...else if....else 语句 - 使用该语句来选择多个代码块之一来执行 switch 语句 - 使用该语句来选择多个代码块之一来执行 JavaScript Switch 语句 请使用 switch 语句来选择要执行的多个代码块之一。 语法 switch(n) { case 1: 执行代码块 1 break; case 2: 执行代码块 2 break; default: n 与 case 1 和 case 2 不同时执行的代码 } default 关键词 请使用 default 关键词来规定匹配不存在时做的事情:
5个月前
HTML&HTML5
王军 于 5个月前发表 364 0 0
本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 —— JavaScript运算符 JavaScript算术运算符 算术运算符用于执行两个变量或值的运算。 赋值 y = 5, 以下表格将向你说明算术运算符的使用: 运算符 描述 例子 y 值 x 值 在线实例 * 加法 x = y + 2 y = 5 x = 7 实例 » * 减法 x = y - 2 y = 5 x = 3 实例 » * 乘法 x = y * 2 y = 5 x = 10 实例 » / 除法 x = y / 2 y = 5 x = 2.5 实例 » % 余数 x = y % 2 y = 5 x = 1 实例 » ++ 自增 x = ++y y = 6 x = 6 实例 » x = y++ y = 6 x = 5 实例 » -- 自减 x = --y y = 4 x = 4 实例 » x = y-- y = 4 x = 5 实例 » 关于算术运算符,你可以阅读我们的 JavaScript运算符教程。 JavaScript赋值运算符
5个月前
HTML&HTML5
王军 于 5个月前发表 516 0 0
本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 —— 对象在编写时可不使用 window这个前缀。 一些例子: location.hostname 返回 web 主机的域名 location.pathname 返回当前页面的路径和文件名 location.port 返回 web 主机的端口 (80 或 443) location.protocol 返回所使用的 web 协议(http:// 或 https://) Href location.href 属性返回当前页面的 URL。 实例 返回(当前页面的)整个 URL:[removed] (location.href); [removed]以上代码输出为: http://www.w3school.com.cn/js/ [http://www.w3school.com.cn/js/] ... indow Location Pathname location.pathname 属性返回 URL 的路径名。 实例
5个月前
HTML&HTML5
王军 于 5个月前发表 480 0 0
本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 —— sort() 方法 实例 数组排序:var fruits = ["Banana", "Orange", "Apple", "Mango"]; fruits.sort();fruits 输出结果:Apple,Banana,Mango,Orange 定义和用法 sort() 方法用于对数组的元素进行排序。 排序顺序可以是字母或数字,并按升序或降序。 默认排序顺序为按字母升序。 注意:当数字是按字母顺序排列时"40"将排在"5"前面。 使用数字排序,你必须通过一个函数作为参数来调用。 函数指定数字是按照升序还是降序排列。 这些说起来可能很难理解,你可以通过本页底部实例进一步了解它。 注意: 这种方法会改变原始数组!。 array.sort(sortfunction)参数 Values 参数 描述 sortfunction 可选。规定排序顺序。必须是函数。 返回值 Type 描述 Array 对数组的引用。请注意,数组在原数组上进行排序,不生成副本。
5个月前
HTML&HTML5
王军 于 5个月前发表 346 0 0
本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程JavaScript强化教程 —— AngularJS 表达式 AngularJS 使用 表达式 把数据绑定到 HTML。AngularJS 表达式 AngularJS 表达式写在双大括号内:{{ expression}}。 AngularJS 表达式把数据绑定到 HTML,这与 ng-bind 指令有异曲同工之妙。 AngularJS 将在表达式书写的位置"输出"数据。 AngularJS 表达式 很像 JavaScript表达式:它们可以包含文字、运算符和变量。 实例 {{ 5 + 5 }} 或 {{ firstName + " " + lastName }} AngularJS 实例 <!DOCTYPE html>
5个月前
HTML&HTML5
王军 于 5个月前发表 437 0 0
本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 —— AngularJS AngularJS 简介 AngularJS 是一个 JavaScript框架。它可通过 [removed] 标签添加到 HTML 页面。 AngularJS 通过 指令 扩展了 HTML,且通过 表达式 绑定数据到 HTML。 AngularJS 是一个 JavaScript框架 AngularJS 是一个 JavaScript框架。它是一个以 JavaScript编写的库。 AngularJS 是以一个 JavaScript文件形式发布的,可通过 script标签添加到网页中:<script src=" http://apps.bdimg.com/libs/ang [http://apps.bdimg.com/libs/ang] ... gt;[Note] 我们建议把脚本放在 <body> 元素的底部。 这会提高网页加载速度,因为 HTML 加载不受制于脚本加载。
5个月前
HTML&HTML5
王军 于 5个月前发表 468 0 0
本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 —— jQuety 实例 找出所有属于 div 元素的子元素的 p 元素,然后设置其边框属性: [code]$("div > p") .css("border", "1px solid gray");[/code] 定义和用法 jQuery() 方法接受一个字符串,其中包含了用于匹配元素集合的 CSS 选择器。 jQuery() 函数有三种语法:语法 1 接受一个字符串,其中包含了用于匹配元素集合的 CSS 选择器: jQuery([i]selector[/i], [[i]context[/i]]) 详细用法语法 2 使用原始 HTML 的字符串来创建 DOM 元素: jQuery([i]html[/i],[[i]ownerDocument[/i]]) 详细用法语法 3 绑定一个在 DOM 文档载入完成后执行的函数: jQuery( callback ) 详细用法 jQuery( selector, [ context ] ) 该语法有以下几种用法:用法 1 :设置选择器环境语法
5个月前
HTML&HTML5
王军 于 5个月前发表 515 0 0
本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 —-RegExp 对象 RegExp 对象用于规定在文本中检索的内容。 什么是 RegExp? RegExp 是正则表达式的缩写。 当您检索某个文本时,可以使用一种模式来描述要检索的内容。RegExp 就是这种模式。 简单的模式可以是一个单独的字符。 更复杂的模式包括了更多的字符,并可用于解析、格式检查、替换等等。 您可以规定字符串中的检索位置,以及要检索的字符类型,等等。 定义 RegExp RegExp 对象用于存储检索模式。 通过 new 关键词来定义 RegExp 对象。以下代码定义了名为 patt1 的 RegExp 对象,其模式是 "e":var patt1=new RegExp("e");当您使用该 RegExp 对象在一个字符串中检索时,将寻找的是字符 "e"。 RegExp 对象的方法 RegExp 对象有 3 个方法:test()、exec() 以及 compile()。 test() test() 方法检索字符串中的指定值。返回值是 true 或 false。
5个月前
HTML&HTML5
王军 于 5个月前发表 454 0 0
本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 —— jQuery - 获得内容和属性 jQuery 拥有可操作 HTML 元素和属性的强大方法。 jQuery DOM 操作 jQuery 中非常重要的部分,就是操作 DOM 的能力。 jQuery 提供一系列与 DOM 相关的方法,这使访问和操作元素和属性变得很容易。 提示:DOM = Document Object Model(文档对象模型) DOM 定义访问 HTML 和 XML 文档的标准: “W3C 文档对象模型独立于平台和语言的界面,允许程序和脚本动态访问和更新文档的内容、结构以及样式。” 获得内容 - text()、html() 以及 val() 三个简单实用的用于 DOM 操作的 jQuery 方法: text() - 设置或返回所选元素的文本内容 html() - 设置或返回所选元素的内容(包括 HTML 标记) val() - 设置或返回表单字段的值 下面的例子演示如何通过 jQuery text() 和 html() 方法来获得内容:
5个月前
HTML&HTML5
王军 于 5个月前发表 690 0 0
本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 —— jQuery AJAX实例 什么是 AJAX? AJAX = 异步 JavaScript和 XML(Asynchronous JavaScript and XML)。 简短地说,在不重载整个网页的情况下,AJAX 通过后台加载数据,并在网页上进行显示。 使用 AJAX 的应用程序案例:谷歌地图、腾讯微博、优酷视频、人人网等等。 jQuery load() 方法 jQuery load() 方法是简单但强大的 AJAX 方法。 load() 方法从服务器加载数据,并把返回的数据放入被选元素中。 语法: $(selector).load(URL,data,callback); 必需的 URL 参数规定您希望加载的 URL。 可选的 data 参数规定与请求一同发送的查询字符串键/值对集合。 可选的 callback 参数是 load() 方法完成后所执行的函数名称。 这是示例文件("demo_test.txt")的内容: JQUERY AND AJAX IS FUN!!!
5个月前
HTML&HTML5