TypechoJoeTheme

快把钟哥带走

zyz

网站页面
标签搜索
搜索到 16 篇与 Javascript 的结果
2018-05-17

10、JavaScript-DOM&BOM操作

10、JavaScript-DOM&BOM操作
变量命名:s: 表示字符串。例如: sName, sHtml; n: 表示数字。例如: nPage, nTotal; b: 表示逻辑。例如: bChecked, sShow; a: 表示数组。例如: aList, aGroup; r: 表示正则表达式。例如: rDomain, rEmail; f: 表示函数。例如: fInit, fGetHtml; o: 表示以上未涉及到的其他对象。例如: oBt, oDate; g: 表示全局变量。例如: gUserName, gLogin; 一、节点属性// 备注: data-name(自定义属性)!!!! <div id="box" title="DOM" data-index="0" data-isShow="true"> <h2>JS第十一天</h2> 节点属性操作 </div>getAttribute(): 获取节点属性 // 获取属性节点值1 var att = oBox....

Javascript

690 阅读
2018年05月17日
690 阅读
0 评论
2018-05-17

11、JavaScript-事件

11、JavaScript-事件
元素.style.width: 样式宽元素.clientWidth: 可视宽度(样式宽 + padding)元素.offsetWidth: 占位宽(样式宽 + padding + border)一、获取元素CSS大小通过style内联获取元素的大小 oBox.style.width // 空 oBox.style.height // 空注: style只能获取到内联style属性的CSS中的宽度和高度,如果有即获取到;如果没有则返回空;通过计算获取元素的大小 var width = window.getComputedStyle ? getComputedStyle(oBox).width : oBox.currentStyle.width; // width: 100px; => 100px var height = window.getComputedStyle ? getComputedStyle(oBox).height : oBox.currentStyle.height; // height:...

Javascript

674 阅读
2018年05月17日
674 阅读
0 评论
2018-05-05

09、JavaScript-DOM操作

09、JavaScript-DOM操作
DOM(Document Object Model)即文档对象模型,针对HTML和XML文档的API(应用程序接口)。DOM描绘了一个层次化的节点树,用于添加、删除和修改页面的某一部分。一、DOM介绍DOM中的三个字母,D(文档)可以理解为整个WEB加载的页面文档;O(对象)可以理解为类似window对象子类的东西,可以调用属性和方法,也就是document对象;M(模型)可以理解为网页文档的树形结构。 DOM提供了访问结构化文档的一种方式,但DOM并不是一种技术,它只是访问结构化文档(主要是XML文档和HTML文档)的一种思想。 DOM有三个等级,分别是DOM1、DOM2、DOM3,并且DOM1在1998年10月成为W3C标准。DOM1所支持的浏览器包括IE6+、Firefox、Safari、Chrome和Opera1.7+。注: IE中的所有DOM对象都是以COM对象的形式实现的,即是IE中的DOM会与其他浏览器有一定的差异。节点加载HTML页面时,web浏览器生成一个树形结构,用来表示页面内部结构。DOM将这种树形结构理解为由节点组成:上图树形结构,html标签,没有父...

Javascript

602 阅读
2018年05月05日
602 阅读
0 评论
2018-05-05

08、JavaScript-定时器

08、JavaScript-定时器
一、window.onload使用网页中的JS脚本代码往往需要在文档加载完成后才能够执行,否则可能导致无法获取对象的情况,为了避免这种情况发生,可以使用以下两种方式:将脚本代码放在网页的底部,即可保证运行脚本代码时,要操作的对象已经加载完成(该方式比较凌乱,但推荐使用);通过window.onload来执行脚本代码;(window.onload是一个事件,当文档加载完成之后就会触发该事件,即可以将要执行的脚本代码放在事件处理函数中);注: window.onload只会执行一次;二、获取元素样式getComputeStyle() 非IE浏览器 参数1: 需要获取样式的元素对象; 参数2: 伪元素,例如 :hover, :first-letter, :before等,如果不需要伪元素则该参数为null或忽略不写; 返回值: 对应元素的样式 // 获取按钮宽度 var style = getComputedStyle(oBt); alert(style.width);currentStyle() IE浏览器 // ...

Javascript

725 阅读
2018年05月05日
725 阅读
0 评论
2018-05-05

07、JavaScript-数组和字符串高级

07、JavaScript-数组和字符串高级
一、数组splice()删除、替换、添加 arrayObject.splice(start, num); 参数: start: 操作开始位置 num: 操作的个数 // 删除: 从第1个开始,删除2个元素,返回值为删除元素 arr.splice(1, 2); // 替换: 从第0个开始,替换3个,返回值为替换元素 arr.splice(0, 3, '测试’); // 添加: 从第1个开始,替换0个,返回值为空 arr.splice(1, 0, '测试’); 案例: 数组去重join()方法用于把数组中的所有元素放入一个字符串 arrayObject.join(separtor); 参数: separtor: 指定使用的分隔符,如果缺省,则使用逗号作为分隔符; var arr = [1,2,3]; // 以-为分隔符,将数组串联成字符串 alert( arr.join('-') );sort()方法是从小到大排序,返回排序后的数组,而源数组也是排序好的 注1: sort默认是按照字符串进行...

Javascript

580 阅读
2018年05月05日
580 阅读
0 评论