==============
一、| 常 用 |
==============
document.write() //输出
------------------
document.getElementById("id号").value //获取input的值
------------------
document.getElementById("id号").widht //获取宽度
------------------
document.getElementById("id号").height //获取高度
------------------
alert() //警告框
------------------
return //程序结束,返回
------------------
break //退出循环
------------------
isNaN(i) //判断是否是数字
------------------
if(){}else{} //判断语句
------------------
function hanshu(){} //函数
------------------
for(i=1;i<5;i++){} //for循环
---------------------
onclick()//鼠标单击做出响应事件
-----------------
===============
二、|操纵字符串|
===============
length //属性,返回字符串长度,语法:
i="中华人民共和国" alert(i.length) //值是7
----------------
indexOf() //函数,返回字符在某字符串中出现的位置,语法: i="中华人民共和国" alert(i.indexOf("名")) //返回值是3,如果没有查询到,返回-1,从0开始,顺序是从左往右 用途:用来验证邮箱有没有@符
-----------------
lastIndexOf("名")//函数,和indexOf()函数一样,但lastIndexOf()从右开始查
-----------------
字符串截取:
-----------------
charAt() //charAt是属性,截取方法: i="中华人民共和国" alert(i.charAt(4)) //这样就能输出“共”,从0开始,以上截取第5个字符
---------
substring(2,5) //也是属性,截取方法: i="中华人民共和国" alert(i.substring(2,5)) //这样就能输出“人民共”从0开始,以上截取的是第3个到第6个之间的字符
-----------------
==============
三、|数字操作|
==============
Math对象方法(js常用)
----------------------
abs(x)//返回数的绝对值
--------------------
round(x)//把数四舍五入
--------------------
ceil(x)//对数进行上舍入
--------------------
floor(x)//对数进行下舍入
---------------------
random()//返回0-1之间的随机数
==============
四、|日期获取|
==============
Date对象 //JavaScript内置对象
-----------------------------------
get方法组 //主要功能:获取日期时间参数值
----------------------
getFullYear() //从date对象返回四位数年份
--------------
getMonth() //从date对象返回月份(0-11)
--------------
getdate() //从date对象返回一个月的某天(1-31)
--------------
getHours() //从date对象返回小时(0-23)
--------------
getMinutes() //从date对象返回分钟(0-59)
--------------
getSeconds() //从date对象返回秒数(0-59)
--------------
getMilliseconds()//从date对象返回毫秒数(0-999)
====================================================
本文链接
本实例使用jquery操作div的CSS,实现了可隐藏重现的靠边悬浮层,预览效果网址:http://www.keleyi.com/keleyi/phtml/xuanfudiv/
本实例使用到jquery添加移除类的两个方法,详细介绍请参考网址:http://www.keleyi.com/a/bjac/e9e40a974de5a902.htm
下面给出完整代码,保存到html文件可查看效果。
<!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>
<title>jquery实现的可隐藏重现的靠边悬浮层-柯乐义</title>
<script type="text/javascript" src="http://www.keleyi.com/keleyi/pmedia/jquery-1.9.1.min.js"></script>
<style type="text/css">
body{ margin:0px;}
.onkeleyicom{left:0px;}
.offkeleyicom{left:-140px;}
.showkeleyicom{visibility:visible;}
.hidekeleyicom{visibility:hidden;}
#xf_keleyi_com{width:166px;height:200px; background-color:transparent;position:fixed;top:200px;}
#jt_keleyi_com{float:right;width:25px;height:25px;margin-top:80px;}
#nr_keleyi_com{float:left;height:100%;width:136px;background-color:Silver;}
</style>
</head>
<body>
<div >可以滚动鼠标使页面向下</div>
<div >www.keleyi.com</div>
<div >请把光标移到箭头上</div>
<div >hi</div>
<div >柯乐义</div>
<div >keleyi.com</div>
<div >keleyi</div>
<div >keleyi.com</div>
<div >柯乐义</div>
<div >柯乐义 jquery实现的可隐藏重现的靠边悬浮层</div>
<div >A</div>
<div >jquery</div>
<div ><a href="http://www.keleyi.com/a/bjac/cdbc89174171ebb8.htm" target="_blank">原文</a></div>
<div >keleyi.com</div>
<div ><a href="http://www.keleyi.com/menu/jquery/" target="_blank">jQuery</a>完整代码</div>
<div id="xf_keleyi_com">
<div id="nr_keleyi_com">这里是内容<br />www.keleyi.com
<ul>
<li><a href="http://www.keleyi.com/menu/net/" target="_blank">.NET</a>
</li>
<li><a href="http://www.keleyi.com/menu/javascript/" target="_blank">Javascript</a>
</li>
<li><a href="http://www.keleyi.com/menu/jquery/" target="_blank">jQuery</a>
</li>
<li><a href="http://www.keleyi.com/menu/csharp/" target="_blank">C#</a>
</li>
<li><a href="http://www.keleyi.com/menu/other/" target="_blank">其他</a>
</li>
</ul>
<br />
</div>
<div id="jt_keleyi_com"><img src="/keleyi/pmedia/rightarrow.jpg" alt="显示" /></div>
</div>
<script type="text/javascript">
$(document).ready(
function () {
$('#jt_keleyi_com').bind('mouseover', function () {
$('#xf_keleyi_com').removeClass("offkeleyicom");
$('#xf_keleyi_com').addClass("onkeleyicom");
$('#jt_keleyi_com').addClass("hidekeleyicom");
$('#jt_keleyi_com').removeClass("showkeleyicom");
})
$('#nr_keleyi_com').bind('mouseleave', function () {
$('#xf_keleyi_com').removeClass("onkeleyicom");
$('#xf_keleyi_com').addClass("offkeleyicom");
$('#jt_keleyi_com').removeClass("hidekeleyicom");
$('#jt_keleyi_com').addClass("showkeleyicom");
})
})
</script>
</body>
</html>
本文转载自柯乐义http://www.keleyi.com/a/bjac/cdbc89174171ebb8.htm
本文链接
最近项目中需要实现在客户端导出excel的功能,不想受浏览器的限制,不想受是否安装excel的限制,通过强大的谷哥找到以下两种方案:
1. 使用downloadify,这是基于flash的一个组件,支持原生js,以及jquery, mootools等调用。看demo可以导出文本文件,从而肯定可以导出csv文件,而实现导出excel的功能。后来发现,大名鼎鼎的ExtJs中的Grid,也是使用这个实现的在client导出excel。
地址:https://github.com/dcneiner/Downloadify
http://downloadify.info(这个地址打不开,不知是被墙了还是铁通宽带的原因,翻出去也没能打开)
2. 使用jQuery的插件dataTables,这是一个优秀的客户端表格插件,带有导出excel, pdf等功能,导出功能也是通过flash实现。至于是不是也用了什么第三方组件,还未细看。
DEMO: http://datatables.net/extras/tabletools/
有了这两个,让那些弱爆了的必须安装excel, 使用ie通过ActiveX控件的方式见鬼去吧
本文链接