文章列表
html框架之iframe和frame及frameset
1.1框架概念
所谓框架便是网页画面分成几个框窗，同时取得多个URL。只要<frameset>和<frame>即可，而所有框架标记要放在一个总的html 文档中，这个文档只记录了该框架如何划分， ...
JavaScript中对象的总结
1.1概述
JS中对象可以分为“内部对象”、“宿主对象”和“自定义对象”三种。
宿主环境：一般宿主环境由外壳程序创建与维护，只要能提供JS引擎执行的环境都可称之为外壳程序。 ...
JS数字指定长度不足前补零的实现
问题描述：
要求输出的数字长度是固定的，如长度为2，数字为1，则输出01，即不够位数就在之前补足0。
解决方法：
方法1
function fn1(num, length) {
return (num/Math.pow(10,length)).toFixed(length).substr(2);
}
方法2
function fn2(num, length) {
return ( "0000000000000000" + num ).substr( -length );
}
方法3
function f ...
jQuery插件网址
1.1 jQuery之家
官网：http://www.htmleaf.com/
jQuery之家致力于搜集和整理各种jQuery插件，jQuery特效，jquery ui，jQuery 教程，JS特效，网页特效，以及各种html5，css3动画和效果。
1.2 jQuery插件库
官网：http://www.jq22.com/
本站致力于收集jQuery插件和提供各种jQuery特效的详细使用方法，在线预览,jQuery插件下载及教程。
1.3 dowebok专题中心
官网：http://www ...
CSS Flexbox布局总结
1.1概述
Flex是Flexible Box的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性。任何一个容器（行内元素/块级元素）都可以指定为Flex布局。
注意：某一元素设为Flex布局后，其子元素的float、clear和vertical-align属性将失效。
1.2概念介绍
采用Flex布局的元素，称为Flex容器（flex container），简称"容器"。其所有子元素自动成为容器成员，称为Flex项目（flex item），简称"项目"。如下图所示：图 ...
Hack技术总结(二)之浏览器私有前缀
1.1概述
在标准还未确定时，部分浏览器已经根据最初草案实现了部分功能，为了与之后确定下来的标准进行兼容，所以每种浏览器使用了自己的私有前缀与标准进行区分，当标准确 ...
JQuery获取html元素方法详解
1.1 JQuery选择器
语法：
jquery(selector, [context]);
selector参数，选择器。
content参数，将selector选择器限定在context这个环境中。
默认情况下，即不传第二个参数，选择器从文档根部对DOM进行搜索（$()将在当前的HTML document中查找DOM元素）；如果指定了第二个参数，如一个DOM元素集或jquery对象，那就会在这个context中查找。
实例：
$("div.foo").click(func ...
银行卡卡号校验——Luhn算法
1.1 Luhn简介
Luhn算法/公式，也称“模10算法”，是一种简单的校验公式，常被用于银行卡卡号、IMEI号等证件号码的识别校验。
需要注意的是Luhn算法存在的目的并不是成为一种加密安全的哈希函数，而在于防止意外操作导致的错误，如错误输入。
Luhn算法英文参考：https://en.wikipedia.org/wiki/Luhn_algorithm#cite_note-0
1.2校验规则
Luhn算法被用于最后一位为校验码的一串数字的校验，通过如下规则计算校验码的正确性：
1、按照从右往左的 ...
JavaScript数组操作——遍历方法的兼容
1.1概述
ECMA Script5中数组方法如indexOf()、forEach()、map()、filter()、some()不支持IE6～8。
1.2兼容写法
以下兼容性写法均可兼容至IE6。
1.2.1indexOf()方法兼容
if (!Array.prototype.indexOf) {
Array.prototype.indexOf = function(ele) {
var len = this.length; //获取数组长度
var fromIndex = Number(arguments[ ...
Javascript数组操作
1.1颠倒数组元素顺序
1.1.1 reverse()方法
语法：
arrayObject.reverse()
注意：该方法会改变原来的数组，而不会创建新的数组。
实例：
var myArr = ["1","2","3"];
document.write(myArr + "<br />"); //运行结果：1,2,3
document.write(myArr.reverse()); //运行结果：3,2,1
1.2判断某元素是否在数组内
1.2.1 ind ...
获取select标签选中值
1.1实例讲解
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Examples</title>
</head>
<body>
<select name="testSelect" id="testSelect">
<option value="1">1</option> ...
Select下拉选择框的美化
1.1 CSS修改select下拉框的默认样式
1、原理
将浏览器默认的下拉框样式清除，然后自定义样式，再附一张小箭头图片或者使用三角的实体字符即可。
2、用法
select {
/*将默认的select选择框样式清除，IE8/9并不支持 appearance:none CSS属性*/
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
}
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/
select::-ms-expand {displ ...
Input元素去除获取焦点时的边框
1.1概述
在网页中，用tab键切换时，文字链接、搜索框、按钮等的外面会有一个虚线框（或高亮框），此时当前的元素就获得了焦点，可以对其进行操作。
注意：这个功能一 ...
Input[type="radio"]和Input[type="checkbox"]的选中
1.1 Input[type="radio"]的选中
<input type="radio">多个单选框同时使用，要形成只能单选的效果时，必须name 值是一样的，某一个选中框要用checked属性。
注意：应该写成<input type="radio" checked >的形式，而不用checked="true"的形式。
1.2 Input[t ...
Input只读属性详解
1.1概述
Readonly和Disabled都能够做到使用户不能够更改表单域中的内容。
1.2 Readonly和Disabled的区别
1、Readonly只针对input[type="text / password"]和textarea有效，而disabled对于所有的表单元素都有效。
2、设置disabled属性后，当表单以POST或GET的方式提交的时其值不会被传递出去，而readonly会将该值传递出去（readonly接受值更改可以回传，disable接受改但不回传数据）。
3、一个输入项设置disabled为true，则 ...