JavaScript - 随笔分类(第3页) - 胡椒粉hjf

JavaScript的DOM_通过计算后样式来获取

摘要：虽然可以通过 style 来获取单一值的 CSS 样式，但对于复合值的样式信息，就需要通过计算样式来获取。DOM2 级样式，window 对象下提供了 getComputedStyle()方法。接受两个参数，需要计算的样式元素，第二个伪类(:hover)，如果没有没有伪类，就填 null。这种计算样... 阅读全文

posted @ 2015-06-20 05:29 胡椒粉hjf 阅读(546) 评论(0) 推荐(0)

JavaScript的DOM_操作行内样式

摘要：一、检测浏览器是否支持css CSS 作为(X)HTML 的辅助，可以增强页面的显示效果。但不是每个浏览器都能支持最新的 CSS 能力。CSS 的能力和 DOM 级别密切相关，所以我们有必要检测当前浏览器支持CSS 能力的级别。 DOM1 级实现了最基本的文档处理，DOM2 和 DOM3 在这个... 阅读全文

posted @ 2015-06-20 05:07 胡椒粉hjf 阅读(1327) 评论(0) 推荐(1)

JavaScript的DOM_操作表格

摘要：一、使用HTML标签创建表格 thead、tfoot、caption标签在一个表格中只能有一个 tbody、tr、td、th标签在一个表格中可以有N个人员表姓名性别 ... 阅读全文

posted @ 2015-06-19 22:36 胡椒粉hjf 阅读(514) 评论(0) 推荐(0)

JavaScript的DOM_操作内容

摘要：一、innerText 属性测试Div 除了 Firefox 之外，其他浏览器均支持这个方法。但 Firefox 的 DOM3 级提供了另外一个类似的属性：textContent，做上兼容即可通用。测试Div 做兼容方案：测试Div二、innerHTML 属性测试Div 虽然 ... 阅读全文

posted @ 2015-06-19 21:00 胡椒粉hjf 阅读(190) 评论(0) 推荐(0)

JavaScript的DOM_其他的扩展

摘要：一、呈现模式从 IE6 开始开始区分标准模式和混杂模式(怪异模式)，主要是看文档的声明。 IE 为document 对象添加了一个名为 compatMode 属性，这个属性可以识别 IE 浏览器的文档处于什么模式，如果是标准模式，则返回 CSS1Compat，如果是混杂模式则返回 BackCo... 阅读全文

posted @ 2015-06-19 20:47 胡椒粉hjf 阅读(150) 评论(0) 推荐(0)

JavaScript的DOM_节点类型的扩展

摘要：DOM 自身存在很多类型，比如 Element 类型（元素节点）再比如 Text 类型（文本节点）。DOM 还提供了一些扩展功能。一、Node类型 Node 接口是 DOM1 级就定义了，Node 接口定义了 12 个数值常量以表示每个节点的类型值。IE6,7,8不支持，其他所有浏览器都可以访问这... 阅读全文

posted @ 2015-06-19 19:36 胡椒粉hjf 阅读(219) 评论(0) 推荐(0)

JavaScript的DOM_节点的增删改

摘要：一、概述 DOM 不单单可以查找节点，也可以创建节点、复制节点、插入节点、删除节点和替换节点。二、write()方法 write()方法可以把任意字符串插入到文档中去。会覆盖掉原来的html 测试Div1 测试Div2 测试Div3 三... 阅读全文

posted @ 2015-06-19 03:18 胡椒粉hjf 阅读(234) 评论(0) 推荐(0)

JavaScript的DOM_处理空白节点

摘要：一、空白节点产生的原因在非 IE6,7,8 中，标准的 DOM 具有识别空白文本节点的功能。在火狐浏览器等其他浏览器中是 7个，而 IE6,7,8 自动忽略了，如果要保持一致的子元素节点，需要手工忽略掉它。测试Div1 测试Div2 测试D... 阅读全文

posted @ 2015-06-19 01:43 胡椒粉hjf 阅读(706) 评论(0) 推荐(0)

JavaScript的DOM_获取和操作层次节点

摘要：一、层次节点的概述节点的层次结构可以划分为：父节点与子节点、兄弟节点这两种。当我们获取其中一个元素节点的时候，就可以使用层次节点属性来获取它相关层次的节点。二、childNodes 属性 childeNodes 属性可以获取某一个元素节点的所有子节点，这些子节点包含元素子节点和文本子节点。... 阅读全文

posted @ 2015-06-19 01:05 胡椒粉hjf 阅读(800) 评论(0) 推荐(0)

JavaScript正则表达式_常用的正则

摘要：一、检查邮政编码var pattern = /[1-9][0-9]{5}/; //共 6 位数字，第一位不能为0 {5}表示后面5位0到9var str = '224000';alert(pattern.test(str));二、检查是否是文件压缩包var pattern = /[\w]... 阅读全文

posted @ 2015-06-09 02:15 胡椒粉hjf 阅读(182) 评论(0) 推荐(0)

JavaScript浏览器检测之客户端检测

摘要：客户端检测一共分为三种，分别为：能力检测、怪癖检测和用户代理检测，通过这三种检测方案，我们可以充分的了解当前浏览器所处系统、所支持的语法、所具有的特殊性能。一、能力检测：能力检测又称作为特性检测，检测的目标不是识别特定的浏览器，而是识别浏览器的能力。能力检测不必估计特定的浏览器，只需要确定当... 阅读全文

posted @ 2015-06-09 02:12 胡椒粉hjf 阅读(406) 评论(0) 推荐(0)

JavaScript浏览器检测之navigator 对象

摘要：一、使用客户端检测的原因由于每个浏览器都具有自己独到的扩展，所以在开发阶段来判断浏览器是一个非常重要的步骤。虽然浏览器开发商在公共接口方面投入了很多精力，努力的去支持最常用的公共功能；但在现实中，浏览器之间的差异，以及不同浏览器的“怪癖”却是非常多的，因此客户端检测除了是一种补救措施，更... 阅读全文

posted @ 2015-06-09 02:11 胡椒粉hjf 阅读(1657) 评论(0) 推荐(0)

JavaScript浏览器对象模型（BOM）之history对象

摘要：history 对象是 window 对象的属性，它保存着用户上网的记录，从窗口被打开的那一刻算起。一、history对象的属性可以通过判断 history.length，得到是否有历史记录和记录数。alert(history.length);二、history对象的方法 ... 阅读全文

posted @ 2015-06-09 02:10 胡椒粉hjf 阅读(490) 评论(0) 推荐(0)

JavaScript浏览器对象模型（BOM）之location对象

摘要：一、概述： location 是 BOM 对象之一，它提供了与当前窗口中加载的文档有关的信息，还提供了一些导航功能。事实上，location 对象是 window 对象的属性，也是 document 对象的属性；所以 window.location 和 document.locatio... 阅读全文

posted @ 2015-06-09 02:09 胡椒粉hjf 阅读(471) 评论(0) 推荐(0)

JavaScript浏览器对象模型（BOM）之window对象

摘要：一、BOM概述 BOM（Browser Object Model）浏览器对象模型，它提供了很多对象，用于访问浏览器的功能。 BOM 缺少规范，每个浏览器提供商又按照自己想法去扩展它，那么浏览器共有对象就成了事实的标准。所以，BOM 本身是没有标准的或者还没有哪个组织去标准它。 BOM 的核心对... 阅读全文

posted @ 2015-06-09 02:08 胡椒粉hjf 阅读(744) 评论(0) 推荐(0)

js案例_下滑列表

摘要：1、HTML布局（使用ul）：微博评论私信 @我要实现下滑列表，当鼠标移动到下滑列表时，... 阅读全文

posted @ 2015-03-30 14:57 胡椒粉hjf 阅读(534) 评论(0) 推荐(0)

判断是否是微信浏览器

摘要：转自：http://www.cnblogs.com/wenzichiqingwa/p/3394191.html进行微信公众账号开发的时候，其中很大一块是微站点的开发，我们需要知道当前的浏览器是微信内置的浏览器，那么如何判断呢？微信内置浏览器的 User Agent如何判断微信内置浏览器，首先需要获取... 阅读全文

posted @ 2014-10-20 11:15 胡椒粉hjf 阅读(322) 评论(0) 推荐(0)

小练习

摘要：张三：改变字体大小：10月28日晚，中央纪委监察部官网发布消息，贵州省委常委、遵义市委书记廖少华因涉嫌严重违纪违法接受组织调查。3天后中组部宣布对其免职。廖成为十八大后中纪委一连串"打虎"行动中第十一位落马的副省部级以上高官。图片切换：图片可从最后一张跳转到第一张循环切换 > ... 阅读全文

posted @ 2014-08-11 11:51 胡椒粉hjf 阅读(325) 评论(0) 推荐(0)

js控制div是否显示

摘要：无标题文档微博私信评论 @我我在这里不动，但上面会把我遮住希望把某个元素移除你的视线： 1、display:none; 显示为无 2、visibility:hidden; 隐藏 3、wi... 阅读全文

posted @ 2014-08-04 16:37 胡椒粉hjf 阅读(1420) 评论(0) 推荐(0)

JQuery Mobile+JS实现智能浮动定位导航条

摘要：实现原理主要用到几个知识点：什么是scrollTop？CSS position定位判断是否为IE6浏览器元素相对于窗口的距离原理：1，浏览器向下滚动时，当document的scrollTop大于浮动层离窗口顶部的距离时，就让浮动层的position属性设为fixed定位，脱离文档流2，浏览器向上... 阅读全文

posted @ 2014-05-04 19:07 胡椒粉hjf 阅读(1059) 评论(0) 推荐(0)

たLOME

随笔分类 - JavaScript

公告