当前位置:  编程技术>WEB前端
本页文章导读:
    ▪JavaScript初级程序常使用的语句总结:      ==============一、|  常 用 | ==============document.write() //输出 ------------------document.getElementById("id号").value //获取input的值------------------document.getElementById("id号").widht //获取宽度 ----------------.........
    ▪jquery实现的可隐藏重现的靠边悬浮层      本实例使用jquery操作div的CSS,实现了可隐藏重现的靠边悬浮层,预览效果网址:http://www.keleyi.com/keleyi/phtml/xuanfudiv/本实例使用到jquery添加移除类的两个方法,详细介绍请参考网址:http://www.kele.........
    ▪直接在客户端通过js导出excel的方法(不限浏览器,不必安装excel)      最近项目中需要实现在客户端导出excel的功能,不想受浏览器的限制,不想受是否安装excel的限制,通过强大的谷哥找到以下两种方案: 1. 使用downloadify,这是基于flash的一个组件,支持原.........

[1]JavaScript初级程序常使用的语句总结:
    来源:    发布时间: 2013-11-06

==============

一、|  常 用 |

==============

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)

====================================================

 

本文链接


    
[2]jquery实现的可隐藏重现的靠边悬浮层
    来源:    发布时间: 2013-11-06

本实例使用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

本文链接


    
[3]直接在客户端通过js导出excel的方法(不限浏览器,不必安装excel)
    来源:    发布时间: 2013-11-06

最近项目中需要实现在客户端导出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控件的方式见鬼去吧

本文链接


    
最新技术文章:
▪css white-space:nowrap属性用法(可以强制文字不...
▪IE里button设置border:none属性无效解决方法
▪border:none与border:0使用区别
▪html清除浮动的6种方法示例
▪三个不常见的 HTML5 实用新特性简介
▪css代码优化的12个技巧
▪低版本IE正常运行HTML5+CSS3网站的3种解决方案
▪CSS Hack大全-教你如何区分出IE6-IE10、FireFox、Chr...
▪ie6,ie7,ie8完美支持position:fixed的终极解决方案
▪小技巧处理div内容溢出
▪html小技巧之td,div标签里内容不换行
▪纯CSS实现鼠标放上去改变文字内容
▪li中插入img图片间有空隙的解决方案
▪CSS3中Transition属性详解以及示例分享
▪父div高度不能自适应子div高度的解决方案
▪告别AJAX实现无刷新提交表单
▪从零学CSS系列之文本属性
▪HTML 标签
▪CSS3+Js实现响应式导航条
▪CSS3实例分享之多重背景的实现(Multiple background...
▪用css截取字符的几种方法详解(css排版隐藏溢...
▪页面遮罩层,并且阻止页面body滚动。bootstrap...
▪CSS可以做的几个令你叹为观止的实例分享
▪详细分析css float 属性以及position:absolute 的区...
▪IE6/IE7/IE8/IE9中tbody的innerHTML不能赋值的完美解...
▪CSS小例子(只显示下划线的文本框,像文字一...
▪可以给img元素设置背景图
▪不通过JavaScript实现的自动滚动视差效果
▪div+CSS 兼容小摘
▪CSS的inherit与auto使用分析
 


站内导航:


特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

©2012-2021,,E-mail:www_#163.com(请将#改为@)

浙ICP备11055608号-3