分类存档: javascript

javascript实现限制上传文件的大小

作者: Michael 日期: 2012 年 6 月 30 日 6 条评论 | 14,405 views

基本思路
示例

[一]、基本思路

在FireFox、Chrome浏览器中可以根据document.getElementById(“id_file”).files[0].s[……]

Javascript导出Excel的方法

作者: Michael 日期: 2012 年 4 月 9 日没有评论 | 920 views

本文仅仅是描述前端WEB或者是在做demo时如何简单实现Excel导出。

[1]、主要的测试代码如下：

<!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=gb2312" />
<title>JavaScript实现WEB页面导出为EXCEL的方法</title>
</head>
<body>
<br />
<table id="michale_table" width="100%" border="1" cellspacing="0"
	cellpadding="0">
	<tr>
		<td colspan="5" align="center">JavaScript实现WEB页面导出为EXCEL的方法</td>
	</tr>
	<tr>
		<td>主题</td>
		<td>site地址</td>
		<td>作者</td>
	</tr>
	<tr>
		<td>我的blog</td>
		<td>http://www.micmiu.com/</td>
		<td>Michael and Hazel</td>
	</tr>
	<tr>
		<td>keepalived实现双机热备</td>
		<td>http://www.micmiu.com/enterprise-app/cluster/keepalived-hot-standby/</td>
		<td>Michael</td>
	</tr>
	<tr>
		<td>条形码/二维码之开源利器ZXing图文介绍</td>
		<td>http://www.micmiu.com/enterprise-app/java-zxing/</td>
		<td>Michael</td>
	</tr>
</table>
<br />
<input type="button"
	onclick="javascript:exportTableToExcel('michale_table');"
	value="导出Excel" />
<br />
<script type="text/javascript">
function exportTableToExcel(table_id){
  var o_AXO = new ActiveXObject("Excel.Application");
  var o_WB;
  var o_Sheet;
  try{
  	o_WB = o_AXO.Workbooks.Add();
  	//激活当前sheet
  	o_Sheet = o_WB.ActiveSheet;
  }catch(err){
  	alert("仅适用于IE浏览器,同时请确认已经安装好Excel软件");
  	return false;
  }
  var o_table = document.getElementById(table_id);
  var row_len = o_table.rows.length; 

  for (i = 0; i < row_len; i++){
      var cell_len = o_table.rows[i].cells.length;
      for (j = 0; j < cell_len; j++){
      	var cellText = o_table.rows[i].cells[j].innerText;
      	o_Sheet.Cells(i + 1, j + 1).value = cellText;
      }
  }
  o_AXO.Visible = true;
}
</script>
</body>
</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<head>

<title>JavaScript实现WEB页面导出为EXCEL的方法</title>

</head>

<body>

<br />

<table id="michale_table" width="100%" border="1" cellspacing="0"

cellpadding="0">

<tr>

<td colspan="5" align="center">JavaScript实现WEB页面导出为EXCEL的方法</td>

</tr>

<tr>

<td>site地址</td>

</tr>

<tr>

<td>我的blog</td>

<td>http://www.micmiu.com/</td>

<td>Michael and Hazel</td>

</tr>

<tr>

<td>keepalived实现双机热备</td>

<td>http://www.micmiu.com/enterprise-app/cluster/keepalived-hot-standby/</td>

<td>Michael</td>

</tr>

<tr>

<td>条形码/二维码之开源利器ZXing图文介绍</td>

<td>http://www.micmiu.com/enterprise-app/java-zxing/</td>

<td>Michael</td>

</tr>

</table>

<br />

<input type="button"

onclick="javascript:exportTableToExcel('michale_table');"

value="导出Excel" />

<br />

function exportTableToExcel(table_id){

var o_AXO = new ActiveXObject("Excel.Application");

var o_WB;

var o_Sheet;

try{

o_WB = o_AXO.Workbooks.Add();

//激活当前sheet

o_Sheet = o_WB.ActiveSheet;

}catch(err){

alert("仅适用于IE浏览器,同时请确认已经安装好Excel软件");

return false;

}

var o_table = document.getElementById(table_id);

var row_len = o_table.rows.length;

for (i = 0; i < row_len; i++){

var cell_len = o_table.rows[i].cells.length;

for (j = 0; j < cell_len; j++){

var cellText = o_table.rows[i].cells[j].innerText;

o_Sheet.Cells(i + 1, j + 1).value = cellText;

}

o_AXO.Visible = true;

}

</script>

</body>

</html>

[2]、页面截图：[……]

Javascript 使用点滴(更新ing)

作者: Michael 日期: 2012 年 2 月 12 日没有评论 | 336 views

1. 获取frame的document

var sub_d = window.frames[“subIframe”].document;
var p_d = parent.frames[‘ma[……]

jQuery 常用语法总结(持续更新ing)

作者: Michael 日期: 2012 年 2 月 11 日没有评论 | 262 views

$() jQuery对象本身是一个集合。
说明：

注意dom对象和jquery对象是有区别的，调用方法时要注意操作的是dom对象还是jquery对象，dom对象只能用dom的方法，只有jQu[……]

动态生成表格以及增删行和列—基于prototype(附源码)

作者: Michael 日期: 2012 年 2 月 11 日没有评论 | 417 views

在web开发中，对Table常常会碰到如下的需求：
复制表格的行、删除当前的行、动态生成表格以及增删列等等，此文是个人在平时工作中的总结。
本文是在prototypejs库的基础上实现的，在IE7[……]

micmiu – 软件开发+生活点滴

分类存档: javascript

javascript实现限制上传文件的大小

Javascript导出Excel的方法

Javascript 使用点滴(更新ing)

jQuery 常用语法总结(持续更新ing)

动态生成表格以及增删行和列—基于prototype(附源码)

近期文章

浏览

分类目录

文章归档

标签云(3D)

近期评论

技术链接

功能