JavaScript实战总结

javascript中数组的22种方法:http://www.cnblogs.com/xiaohuochai/p/5682621.html

1.js闭包

2.eval函数

eval(“字符串”)  将接收过来的字符串转为js表达式     eval(“json字符串”)

3.百度分享

<div class="bdsharebuttonbox" data-tag="share_1">
<a class="bds_mshare" data-cmd="mshare"></a>
<a class="bds_qzone" data-cmd="qzone" href="#"></a>
<a class="bds_tsina" data-cmd="tsina"></a>
<a class="bds_baidu" data-cmd="baidu"></a>
<a class="bds_renren" data-cmd="renren"></a>
<a class="bds_tqq" data-cmd="tqq"></a>
<a class="bds_more" data-cmd="more">更多</a>
<a class="bds_count" data-cmd="count"></a>
</div>
<script>
window._bd_share_config = {
common : {
bdText : '自定义分享内容',
bdDesc : '自定义分享摘要',
bdUrl : '自定义分享url地址',
bdPic : '自定义分享图片'
},
share : [{
"bdSize" : 16
}],
slide : [{
bdImg : 0,
bdPos : "right",
bdTop : 100
}],
image : [{
viewType : 'list',
viewPos : 'top',
viewColor : 'black',
viewSize : '16',
viewList : ['qzone','tsina','huaban','tqq','renren']
}],
selectShare : [{
"bdselectMiniList" : ['qzone','tqq','kaixin001','bdxc','tqf']
}]
}
with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?cdnversion='+~(-new Date()/36e5)];
</script>

4.打印

<a href="javascript:window.print()">打印</a>

5.闭包

  闭包:有一个函数 A 中有一个函数或者对象 B,那么函数或者对象 B 可以访问函数 A 中的数据,那么函数 A 的作用域就形成了闭包。

  活着的人从死去的人那里偷来了东西,让那些东西不随死去的人而消失。活着的人拥有了这些东西,这些东西的寿命也因此边长了。

  这是JavaScript为了应对天马行空的*度产生的bug而打的补丁!

  这比如虽然有点不雅,但也只是为了看官便于理解,请勿介意。好,咱们还是看看代码分析:

<script>
function oldMan(){
var money=999999;// 老人的财富
//老人有一个年轻的儿子
return function young(){
console.log("儿子要花老子的钱"+money+"美刀");
}
}
var y=oldMan();//老人将儿子放出来之后就挂了,oldMan函数运行完成,出栈了!!
y();//儿子开始活动了,儿子竟然有老人的钱
</script>

  闭包用途

  1.来替代全局变量 避免造成变量污染

6.json字符串格式转换

eval函数

 function myEval() {
var str = '{ "name": "Violet", "occupation": "character" }';
var obj = eval('(' + str + ')');
alert(obj.toJSONString());
}

parseJSON()

 function myEval() {
var str = '{ "name": "Violet", "occupation": "character" }';
var obj = str.parseJSON();
alert(obj.toJSONString());
}

 7.jquery中prop()方法和attr()方法的区别

是有true,false两个属性使用prop()

.prop("selected", true);
.attr("selected", "selected");

8.模拟表单提交

/*******************模拟post提交*******************/
var postSubmit = function (formID, URL, paramObjs, targetName) {
$("#" + formID).remove();
var temp = $("<form>");
temp[0].action = URL;
temp[0].method = "post";
temp[0].target = targetName;
temp[0].style.display = "none";
temp[0].id = formID;
if (paramObjs) {
for (var i = 0; i < paramObjs.length; i++) {
temp[0].appendChild(paramObjs[i]);
}
}
document.body.appendChild(temp[0]);
temp[0].submit();
return temp;
}; /*******************建立控件*******************/
var createElement = function (eTag, eType, eName, eValue) {
var tempE = document.createElement(eTag);
tempE.type = eType;
tempE.name = eName;
tempE.value = eValue;
return tempE;
}; //使用示例
var url = REF.getVirtualPath() + "/Controller/Action";
var pArr = new Array();
pArr.push(createElement("input", "hidden", "productType", "AREA"));
postSubmit("areaAnalysisSubmitForm", url, pArr, "_blank");

9.封装JavaScript源文件的全部内容到一个函数块

(function($) { /* jQuery plugin code referencing $ */ } )(jQuery);
上一篇:javascript 技巧总结积累(正在积累中)


下一篇:经典非原创,网页常用Javascript