方法一：采用正则表达式获取地址栏参数：（ 强烈推荐，既实用又方便！）

1
2
3
4
5
6
7
8
9
10
11

function GetQueryString(name)
{
var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
var r = window.location.search.substr(1).match(reg);
if(r!=null)return unescape(r[2]); return null;
}

// 调用方法
alert(GetQueryString("参数名1"));
alert(GetQueryString("参数名2"));
alert(GetQueryString("参数名3"));

首先，slice，substring及substr返回被操作字符串的一个子串，对原始字符串没有任何影响，同时都接受一个或者两个参数。第一个参数指定子串的起始位置，在第二个参数指定的情况下，slice和substring方法表示子串的结束位置(不包括结束位置)，而substr方法则是返回的字符个数。若第二个参数没有指定，则默认为字符串的长度。例子如下：

placeholder属性是css3中新增加的属性，IE9和Opera12以下版本的CSS选择器均不支持占位文本.
因为每个浏览器的CSS选择器都有所差异，所以需要针对每个浏览器做单独的设定(可以在冒号前面写input和textarea)。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

::-webkit-input-placeholder { /* WebKit browsers */
　　color:#999;
　　}

　　:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
　　color:#999;
　　}

　　::-moz-placeholder { /* Mozilla Firefox 19+ */
　　color:#999;
　　}

　　:-ms-input-placeholder { /* Internet Explorer 10+ */
　　color:#999;
　　}

兼容主流浏览器的阻止冒泡的方法：

1
2
3
4
5
6
7
8

function stopPropagation(e) {  
    e = e || window.event;  
    if(e.stopPropagation) { //W3C阻止冒泡方法  
        e.stopPropagation();  
    } else {  
        e.cancelBubble = true; //IE阻止冒泡方法  
    }  
}

用法：

1
2
3
4
5
6

var obj = {_name:"test"}
obj.bind("name",function(){
console.log("callback");
})

obj.name = "测试";    // 会触发bind方法

document.body.clientWidth - 网页可见区域宽

document.body.clientHeight - 网页可见区域高

document.body.offsetWidth - 网页可见区域宽，包括边线和滚动条的宽

document.body.offsetHeight - 网页可见区域高，包括边线和滚动条的高[FF,chrom下是整个页面高，IE opera 下正常]

框架中(iframe)的数据。只要协议、域名、端口有任何一个不同，都被当作是不同的域。

下表给出了相对http://store.company.com/dir/page.html同源检测的结果:

本文实例讲述了javascript文件加载管理简单实现方法。分享给大家供大家参考。具体如下：

这里介绍超级简单的进行javascript的文件（模块）的加载管理，实现sea.js或者require.js核心功能，用一行<script src="js/light/light.js"></script>加载所有的js文件。好了，废话不多说，直接上码！

这篇文章主要介绍了javascript实现动态导入js与css等静态资源文件的方法,基于回调函数实现该功能,具有一定参考借鉴价值,需要的朋友可以参考下。

本文实例讲述了javascript实现动态导入js与css等静态资源文件的方法。分享给大家供大家参考。具体实现方法如下：

attachEvent和addEventListener详解，开始了！

一、基础篇

先介绍 attachEvent：

<效果很炫的jQuery轻量级的书本和杂志翻页效果插件Turn.js，支持移动触摸屏设备，采用硬件加速看起来更自然平滑，带有强大的选项配置功能以及两种切换效果，支持Ajax数据加载，浏览器支持：Safari 5、Chrome 16、Firefox 10、IE 10, 9, 8，基于jQuery 1.7及以上，还是很不错的，值得使用

可拖拽和删除jQuery网格布局插件jQuery Gridly，基于jQuery插件实现，拖拽和删除自动计算宽度和高度，拖拽可交互网格位置，删除自动补位，点击网格自动放大自动重新布局，效果是非常不错的，推荐使用。

基于jQuery，用在图片过大撑开页面影响美观的情况下，可以自定义图片超过最大尺寸并根据这个尺寸进行比例缩放，从而控制页面大图的显示，下面贴下代码，有需要的可以借鉴下。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

<script type="text/javascript">
$(document).ready(function(){
    $('img').each(function(){   
        var maxWidth =500;      // 图片最大宽度   
        var maxHeight =500;     // 图片最大高度   
        var ratio = 0;      // 缩放比例  
        var width = $(this).width();    // 图片实际宽度   
        var height = $(this).height();  // 图片实际高度        
        if(width > maxWidth){           // 检查图片是否超宽 
            ratio = maxWidth / width;       // 计算缩放比例       
            $(this).css("width", maxWidth); // 设定实际显示宽度       
            height = height * ratio;        // 计算等比例缩放后的高度       
            $(this).css("height", height);  // 设定等比例缩放后的高度   
        }       
        if(height > maxHeight){         // 检查图片是否超高    
            ratio = maxHeight / height; // 计算缩放比例      
            $(this).css("height", maxHeight);   // 设定实际显示高度       
            width = width * ratio;              // 计算等比例缩放后的高度       
            $(this).css("width", width);        // 设定等比例缩放后的高度   
        }
    });
}); 
</script>

在现实的用户注册中，大多数表单是没有密码强度的检测，今天就提供一款JS密码强度检测代码，基于jQuery实现，响应事件使用keyup，大家可以下载看看效果。

非常逼真全屏雨滴动画JS代码特效，基于jQuery插件rainyday.js，效果非常不错，可以接近Flash动画效果，当然需要浏览器支持HTML5和CSS3的，如果大家在项目中需要用到这种效果，大家可以借鉴学习下。

带动画效果火箭图标JS返回顶部特效代码，效果非常流畅的JS特效代码,基于jQuery实现，喜欢这动画效果的可以学习学习。

大气带大图预览功能的JS相册特效代码，此款JS特效是基于jQuery实现，插件支持强大的参数自定义功能，如是否自定义播放，是否弹窗显示，图片间隔播放时间定义，20多个参数可以自定义功能，还是非常强的相册代码特效，我想这个插件做相册特效一定是你想要的。

漂亮体验非常好带动画效果的JS拖拽排序特效代码，基于jQuery，自动判断位置的排列，自动排序，插件非常流畅，支持动画移动位置，挺不错的JS特效，值得去学习和使用。

实用jQuery新手指引流程引导插件Intro.Js，不错的JS特效，一般用在新功能上线后，对用户的操作进行引导，也用在新手帮助方面，此JS插件支持键盘左右键切换引导，支持enter进入下一步，支持ESC取消引导，还是很不错的JS特效，使用方法也很简单。

设置参数：

设置多个格式 json格式：