总结js

js写方法是参数注意 js""增加转义\" 防止参数非期望变换 比如ajax写html

 htmlText += "<a href='#' id='\"passApply\"' style=cursor:pointer' venderId='\"" + checkApply.venderId + "\"' οnclick='checkApply.change(\"passApply\",\""+checkApply.venderId+"\")'>通过</a>";


引用JS时候注意

<script type="text/javascript" src="aaa.js")"></script>这样可以

<script type="text/javascript" src="aaa.js")"/> 这样就不可以 会有很多问题 比如引用无效

遍历对象属性

注:(注意:能用 for 循环遍历的不是数组就是集合,那么 JS 中的对象本质上相当于 Java 中的 Map)
var student = {
name:"xxx",
age:20
};
for(prop in student){
alert(prop + ":" + student[prop]);

delete student[prop];//删除对象属性
}


关于数组
var arr = [];
arr.push(),最后插入
arr.pop(),最后删除
arr.shift(),头部删除
arr.unshift(),头部插入
arr.sort(),按ascii排序
arr.soft(function(a,b){
    return a-b;
});
arr.reverse(),反转
arr.join(),字符串连接



关于js技巧 直接 if(data){} 代表 typeof(data) == "undefind"
          var time = xx.time || ""; 前面是 "undefind"或null 则初始化为后面的


下面的所有的代码行均会创建初始值为 false 的 Boolean 对象。

var myBoolean=new Boolean();
var myBoolean=new Boolean(0);
var myBoolean=new Boolean(null);
var myBoolean=new Boolean("");
var myBoolean=new Boolean(false);
var myBoolean=new Boolean(NaN);

亲自试一试

下面的所有的代码行均会创初始值为 true 的 Boolean 对象:

var myBoolean=new Boolean(1);
var myBoolean=new Boolean(true);
var myBoolean=new Boolean("true");
var myBoolean=new Boolean("false");
var myBoolean=new Boolean("Bill Gates");

for in有陷阱 组内元素会多一个Remove 不好用
for(var index in arr){
    alert(arr[index]);//index从0开始
}

在html中绘制引用参数
οnclick="soft.detailSoftPkgInfo(&quot;' + id + '&quot;)

JS , CSS ,image HTML DOM的加载过程
当浏览器从服务器接收到了HTML文档,并把HTML在内存中转换成DOM树,在转换的过程中如果发现某个节点(node)上引用了CSS或者IMAGE,就会再发1个request去请求CSS或image,然后继续执行下面的转换,而不需要等待request的返回,当request返回后,只需要把返回的内容放入到DOM树中对应的位置就OK。但当引用了JS的时候,浏览器发送1个js request就会一直等待该request的返回。因为浏览器需要1个稳定的DOM树结构,而JS中很有可能有代码直接改变了DOM树结构,比如使用document.write 或 appendChild,甚至是直接使用的location.href进行跳转,浏览器为了防止出现JS修改DOM树,需要重新构建DOM树的情况,所以就会阻塞其他的下载和呈现.

placeholder 可以代替focus(function(){$(this).val("");}); 做input占位字符


$("img").attr({ src: "test.jpg", alt: "Test Image" });    为所有图像设置src和alt属性:
$("img").attr("src","test.jpg");    为所有图像设置src属性:
$("img").attr("src");    返回文档中第一个图像的src属性值:
$("img").attr("title", function() { return this.src });    把src属性的值设置为title属性的值:
$("img").removeAttr("src");        将文档中图像的src属性删除:
------------------------------------------
obj.addClass("chzn-select");
obj.css("width","200px");    css针对于style attr可以是所有属性
$(document).ready(function(){});
onchange("javascript:alert(this.value)");

confirm("");    选择是否 true/false
prompt("文本","默认值")   代输入框 XXX/null

------------------------------------------
当页面载入时,会执行位于 body 部分的 JavaScript。
当被调用时,位于 head 部分的 JavaScript 才会被执行。

jQuery add方法:追加标签。 jQuery add使用方法: jQuery(‘#demo1′).add(‘#demo2′); 完毕。...

隐藏表单<input type="hidden" id="" value=""/>

    //替换默认select控件  
    $('select').sSelect();


location.href="";
<a href="javascript:Xxx();"/>;

    function detail(id){
                $.ajax({
                    url:"detail.do?",
                    type:"post",
                    data:"roleInstId="+id,
                    datatype:"json",
                    success:function(datas){
                        var obj = eval("("+datas+")");
                        var $tds = $(".base_info").find("td");
                        $tds[0].innerHTML = obj.groupName;
                        $tds[1].innerHTML = obj.dbName;
                        $tds[2].innerHTML = obj.dbUser;
                        $tds[3].innerHTML = obj.dbPassword;
                        $tds[4].innerHTML = obj.endPointPort;
                        $tds[5].innerHTML = obj.httpPort;
                        $tds[6].innerHTML = obj.startFilePath;
                        $tds[7].innerHTML = obj.startFilePosition;
                        var $tds2 = $(".ip_info").find("tbody").find("td");
                        var $ths2 = $(".ip_info").find("tbody").find("th");
                        var dbnodeArr = obj.dbNodes;
                        for(var i=0;i<dbnodeArr.length;i++){
                            $ths2[i].innerHTML = dbnodeArr[i].ip;
                            $tds2[i].innerHTML = dbnodeArr[i].nodeType;
                        }
                        var $tds3 = $(".ip_info").next().find("tbody").find("td");
                        var $ths3 = $(".ip_info").next().find("tbody").find("th");
                        var enodeArr = obj.echoNodes;
                        for(var i=0;i<enodeArr.length;i++){
                            $ths3[i].innerHTML = enodeArr[i].ip;
                            var $img = $($tds3[i]).children();
                            if(enodeArr[i].installUe==0){
                                $img.attr("src","images/no.png").attr("alt","否");    
                            }else{
                                $img.attr("src","images/yes.png").attr("alt","是");    
                            }
                        }
                    }
                });
            }
            //批量删除
            function pldel(){
                var $cbx = $("input[name='cbx']");
                var parmList = "";
                for(var i=0;i<$cbx.length;i++){
                    if($cbx[i].checked){
                        var id = $($cbx[i]).parent().parent().attr("id");
                        parmList+= id+"@";
                    }
                }
                location.href="delBc.do?parmList="+parmList+"&&wrapPage="+<%=request.getAttribute("pageIndex")%>;
            }
            function checkPageTo(){
                var $wp = $("input[name='wrapPage']");
                if($wp.val()>=1&&$wp.val()<=$("#ttc").val()){
                }else{
                    alert("请输入正确的页数");
                    return false;
                }
            }

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值