<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>javascript Util</title>
<script type="text/javascript" src="util-min.js"></script>
<script type="text/javascript" language="javascript">
function println(msg){
document.write(msg + "<br/>");
}
function print(msg){
document.write(msg);
}
</script>
</head>
<body>
<form method=post id="form" action="">
<input type="text" name="aa" value="aa" id="a" class="a" />
<input type="text" name="bb" value="bb" class="a" />
</form>
<input type="text" name="ff" value="ff" id="b" class="b" />
<input type="text" name="cc" value="cc" class="b" />
<div name="div">测试内容</div>
<label><input type="checkbox" checked="checked" name="ck" />选择</label><br/>
</body>
<script type="text/javascript" language="javascript">
println("去除字符串两边空格:" + " 空格 ".trim());
//--最基本的获取元素方法--
util.get("#a")[0].value = " 192.2.2.2 ";
//--ajax请求--
util.ajax({url:"http://www.baidu.com"});
//--格式化金额--
println("格式化金额:");
println(888888.8888.formatMoney());
println(888888.8888.formatMoney(3,'#','.'));
println("获取数字整数部分:");
println(1212.111.integer());
println(-1212.111.integer());
println("格式化日期:");
println((new Date()).format("yyyy-MM-dd EEE hh:mm:ss"));
println((new Date()).format("yyyy年MM月dd EEE hh时mm分ss秒"));
println("格式化字符串:");
var template = "{0}欢迎你在{1}上给{0}留言,交流看法";
var msg = String.format(template, "测试1", "测试2");
println(msg);
println("过滤数组:");
var ar = [1,2,3,4].filter(function (n, i){return i<3;});
println(ar);
println("遍历数组:");
["one","two","three","four"].each(function (n,i){
println("value="+n + ", index=" + i );
});
println("val()函数:");
$("[name='aa']").val("val()函数");
util.get("[name='bb']").val("val()函数");
println("create()函数:");
var ip = util.create("input",{"value":"1111","type":"text"});
var el = util.create("div",{"id":"div2"}).html("测试divided");
println("append()函数:");
$("body").append(el);
print("css()函数: height=");
var re = $("#div2").css("height");
println(re);
$("#div2").css("background","green");
$("#div2").css({"height":"50px", "width":"350px","font-size":"25px"});
println("属性设置attr():");
$("[name='ck']").attr("checked",true);
println("浏览器检测信息:browser");
println("是否是IE: " + util.browser.msie);
println("版本: " + util.browser.msieVersion);
println([1,2,3,4,2,3,4,2,3,4].unique());
</script>
</html>
没有合适的资源?快使用搜索试试~ 我知道了~
温馨提示
文件包含源代码和压缩版,压缩后只有9k。 一个便捷的javascript封装的工具包,如果你熟悉jquery的话,那么对于这里面的函数一定会让你感到很上手,因为设计思路类似于jquery,里面封装了一些非常常用dom操作、ajax等函数,例如: 去除字符串两边的空格 var result = " test ".trim(); 格式化日期 var result = (new Date()).format("yyyy年MM月dd日 hh:mm:ss"); 获取元素遍历: $("ul li").each(function(n,i){ alert("元素是:" + n + ",索引是:" + i); }); 事件绑定: util("#id").on("click", function(){alert("测试");}); ajax操作: util.ajax({ url:"test.do", data:{name:"name",age:20}. ansy:true, headers:{"cache-control","no-cache"}, type:"post". dataType:"JSON" sendBefore:function(){alert("sendBefore");}, success:function(result){alert("返回值"+result)}, error:function(xh){alert("发生错误:"+xh)}, complete:function(){alert("请求执行完成");} }); 等等还有其他便捷的函数...
资源推荐
资源详情
资源评论
收起资源包目录
util for javascript.rar (3个子文件)
util.html 3KB
util-min.js 9KB
util.js 24KB
共 3 条
- 1
资源评论
一个非著名程序员
- 粉丝: 2
- 资源: 10
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功