js網頁顯示excel表格_怎麼用js將excel中的數據讀取後顯示到網頁中的表格

⑴ IE、谷歌如何通過js讀取Excel中數據到Web頁面的表格

Excel文件，另存為Html格式，就知道了

Response.ContentType 是告訴瀏覽器，伺服器傳遞過來的內容是什麼格式版
這個值默認是權text/html

這個要在所有的客戶機上設置瀏覽器許可權，比如IE的修改方法：
進入Internet屬性＝》安全＝》自定義級別，把ActiveX控制項和插件下的所有選項都改成啟用

因為js是客戶端的，所以伺服器不可能控制

我一般是用伺服器生成html格式的Excel，然後設置
Response.ContentType = "application/vnd.ms-excel";
Response.AppendHeader("Content-Disposition", "inline;filename=abc.xls");

這樣來下載excel，而且這樣不用修改客戶端的ie設置

⑵ 請問如何在網頁中嵌入excel表

方式：

1.把網頁中的表格插入到excel中並定時更新的方法很簡單，首先小編內打開一容個空白的excel表格。

Microsoft Excel：是微軟公司的辦公軟體Microsoft office的組件之一，是由Microsoft為Windows和Apple Macintosh操作系統的電腦而編寫和運行的一款試算表軟體。Excel 是微軟辦公套裝軟體的一個重要的組成部分，它可以進行各種數據的處理、統計分析和輔助決策操作，廣泛地應用於管理、統計財經、金融等眾多領域。

⑶ 如何在web頁面打開excel

web直接打開一個excel文檔並可以使用方法如下：
安裝Office以後，有一個ActiveX控制項被安
裝到了系統中，這個控制項位於「Program Files\Microsoft
Office\OFFICE11\owssupp.dll」。通過這個控制項，客戶端頁面上的java
script就可以激活本地的Office軟體，來實現打開、編輯Office(Word,Excel)文檔。（另，Office
XP應該就已經包含這個ActiveX控制項了。）

首先，用Script創建一個本地的對象：

openDocObj = new ActiveXObject("SharePoint.OpenDocuments.2"); // 為了兼容Office XP，可以創建「SharePoint.OpenDocuments.1」

然後，調用openDocObj的相應的方法。比如打開伺服器上的一個Office文檔：

openDocObj.ViewDocument("http://www.dzwebs.net/sample.doc");

openDocObj對象會根據參數中不同的Office文檔類型（.doc、.xls、.ppt）來打開不同的程序（Word、Excel、PowerPoint）。ViewDocument()方法還有一個重載簽名，可以讓我們手工指定激活哪個程序來打開文檔：

openDocObj.ViewDocument("http://www.dzwebs.net/sample.doc", 要激活的程序的ProgID);

那麼要打開Office程序在線編輯文件又如何？

openDocObj.EditDocument("http://www.dzwebs.net/sample.doc");

就
可以直接激活Word，在Word裡面編輯文檔，然後直接點擊Word裡面的保存功能，就可以將文件保存會伺服器上了。注意：為了讓Word能將編輯後的
文檔直接保存會伺服器，訪問Web站點的當前上下文的Windows
Identity必須對伺服器的相應目錄（即「http://www.abc.com/documents」這個虛擬目錄所對應的伺服器上的物理路徑）有
相應的寫許可權，否則保存動作會失敗。編輯完成後，EditDocument()會返回一個bool值，來反映編輯操作是否成功。

我們還可以通過打開伺服器上的一個文檔模版，來創建一個新的文檔：

openDocObj.CreateNewDocument("http://www.dzwebs.net/sampleTemplate.dot", "http://www.dzwebs.net/documents/");

就
可以使用「http://www.dzwebs.net/sampleTemplate.dot」這個模版來創建一個新的文檔，默認新文檔的保存地點是
「http://www.dzwebs.net/documents/」。創建新文檔時使用的程序取決於模版文件的類型（比如.dot模版會對應
Word）。新文檔的保存同樣需要注意許可權問題。CreateNewDocument()方法同樣會返回一個bool值來反映操作是否成功。

CreateNewDocument()方法的第一個參數，除了可以使用一個模版的地址外，還可以直接指定為希望用來創建新文檔的客戶端程序的ProgID。

應用實例：
<Script Language="java script">
function OpenWord()
{
var openDocObj;
openDocObj = new ActiveXObject("SharePoint.OpenDocuments.1");
openDocObj.ViewDocument("http://www.dzwebs.net/document/shouce.doc");
}
</script>
<input type="button" name="button" value="shouce" onclick="OpenWord()">

⑷ 在網頁中顯示excel表內容

方式：

1.把網頁中的表格插入到excel中並定時更新的方法很簡單，首先小編打開一個空白回的excel表格。

⑸ 怎麼用js將excel中的數據讀取後顯示到網頁中的表格

以前讀書的時候絕不會想到會用客戶端腳本來實現這些功能，現在卻一開始就要用上了，而且還覺得挺實用的。
參考《Windows腳本技術》，應該會有一點收獲。

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Untitled Page</title>
</head>
<script language="javascript" type="text/javascript">
function importXLS(fileName)
{
objCon = new ActiveXObject("ADODB.Connection");
objCon.Provider = "Microsoft.Jet.OLEDB.4.0";
objCon.ConnectionString = "Data Source=" + fileName + ";Extended Properties=Excel 8.0;";
objCon.CursorLocation = 1;
objCon.Open;
var strQuery;
//Get the SheetName
var strSheetName = "Sheet1$";
var rsTemp = new ActiveXObject("ADODB.Recordset");
rsTemp = objCon.OpenSchema(20);
if(!rsTemp.EOF)
strSheetName = rsTemp.Fields("Table_Name").Value;
rsTemp = null
rsExcel = new ActiveXObject("ADODB.Recordset");
strQuery = "SELECT * FROM [" + strSheetName + "]";
rsExcel.ActiveConnection = objCon;
rsExcel.Open(strQuery);
while(!rsExcel.EOF)
{
for(i = 0;i<rsExcel.Fields.Count;++i)
{
alert(rsExcel.Fields(i).value);
}
rsExcel.MoveNext;
}
// Close the connection and dispose the file
objCon.Close;
objCon =null;
rsExcel = null;
}
</script>
</head>
<body>
<input type="file" id="f" />
<input type="button" id="b" value="import" onclick="if(f.value=='')alert('請選擇xls文件');else importXLS(f.value)" />
</body>
</html>

trackback:http://hi..com/netcorner/blog/item/4c35a818788f670635fa41d3.html

通過Javascript操作Excel
function AutomateExcel()
{

// Start Excel and get Application object.
var oXL = new ActiveXObject("Excel.Application");

oXL.Visible = true;

// Get a new workbook.
var oWB = oXL.Workbooks.Add();
var oSheet = oWB.ActiveSheet;

// Add table headers going cell by cell.
oSheet.Cells(1, 1).Value = "First Name";
oSheet.Cells(1, 2).Value = "Last Name";
oSheet.Cells(1, 3).Value = "Full Name";
oSheet.Cells(1, 4).Value = "Salary";

// Format A1:D1 as bold, vertical alignment = center.
oSheet.Range("A1", "D1").Font.Bold = true;
oSheet.Range("A1", "D1").VerticalAlignment = -4108; //xlVAlignCenter

// Create an array to set multiple values at once.

// Fill A2:B6 with an array of values (from VBScript).
oSheet.Range("A2", "B6").Value = CreateNamesArray();

// Fill C2:C6 with a relative formula (=A2 & " " & B2).
var oRng = oSheet.Range("C2", "C6");
oRng.Formula = "=A2 & " " & B2";

// Fill D2:D6 with a formula(=RAND()*100000) and apply format.
oRng = oSheet.Range("D2", "D6");
oRng.Formula = "=RAND()*100000";
oRng.NumberFormat = "$0.00";

// AutoFit columns A:D.
oRng = oSheet.Range("A1", "D1");
oRng.EntireColumn.AutoFit();

// Manipulate a variable number of columns for Quarterly Sales Data.
DispalyQuarterlySales(oSheet);

// Make sure Excel is visible and give the user control
// of Excel's lifetime.
oXL.Visible = true;
oXL.UserControl = true;
}

<HTML>
<HEAD>
<TITLE>將頁面中指定表格的數據導入到Excel中</TITLE>
<SCRIPT LANGUAGE="javascript">

</SCRIPT>
</HEAD>

<BODY>
<table border="0" width="300" id="data" bgcolor="black" cellspacing="1">
<tr bgcolor="white">
<td>編號</td>
<td>姓名</td>
<td>年齡</td>
<td>性別</td>
</tr>
<tr bgcolor="white">
<td>0001</td>
<td>張三</td>
<td>22</td>
<td>女</td>
</tr>
<tr bgcolor="white">
<td>0002</td>
<td>李四</td>
<td>23</td>
<td>男</td>
</tr>
</table>
<input type="button" name="out_excel" onclick="AutomateExcel();" value="導出到excel">
</BODY>
</HTML>
以前讀書的時候絕不會想到會用客戶端腳本來實現這些功能，現在卻一開始就要用上了，而且還覺得挺實用的。
參考《Windows腳本技術》，應該會有一點收獲。

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>Untitled Page</title>
</head>
<script language="javascript" type="text/javascript">
function importXLS(fileName)
{
objCon = new ActiveXObject("ADODB.Connection");
objCon.Provider = "Microsoft.Jet.OLEDB.4.0";
objCon.ConnectionString = "Data Source=" + fileName + ";Extended Properties=Excel 8.0;";
objCon.CursorLocation = 1;
objCon.Open;
var strQuery;
//Get the SheetName
var strSheetName = "Sheet1$";
var rsTemp = new ActiveXObject("ADODB.Recordset");
rsTemp = objCon.OpenSchema(20);
if(!rsTemp.EOF)
strSheetName = rsTemp.Fields("Table_Name").Value;
rsTemp = null
rsExcel = new ActiveXObject("ADODB.Recordset");
strQuery = "SELECT * FROM [" + strSheetName + "]";
rsExcel.ActiveConnection = objCon;
rsExcel.Open(strQuery);
while(!rsExcel.EOF)
{
for(i = 0;i<rsExcel.Fields.Count;++i)
{
alert(rsExcel.Fields(i).value);
}
rsExcel.MoveNext;
}
// Close the connection and dispose the file
objCon.Close;
objCon =null;
rsExcel = null;
}
</script>
</head>
<body>
<input type="file" id="f" />
<input type="button" id="b" value="import" onclick="if(f.value=='')alert('請選擇xls文件');else importXLS(f.value)" />
</body>
</html>

trackback:http://hi..com/netcorner/blog/item/4c35a818788f670635fa41d3.html

通過Javascript操作Excel
function AutomateExcel()
{

// Start Excel and get Application object.
var oXL = new ActiveXObject("Excel.Application");

oXL.Visible = true;

// Get a new workbook.
var oWB = oXL.Workbooks.Add();
var oSheet = oWB.ActiveSheet;

// Add table headers going cell by cell.
oSheet.Cells(1, 1).Value = "First Name";
oSheet.Cells(1, 2).Value = "Last Name";
oSheet.Cells(1, 3).Value = "Full Name";
oSheet.Cells(1, 4).Value = "Salary";

// Format A1:D1 as bold, vertical alignment = center.
oSheet.Range("A1", "D1").Font.Bold = true;
oSheet.Range("A1", "D1").VerticalAlignment = -4108; //xlVAlignCenter

// Create an array to set multiple values at once.

// Fill A2:B6 with an array of values (from VBScript).
oSheet.Range("A2", "B6").Value = CreateNamesArray();

// Fill C2:C6 with a relative formula (=A2 & " " & B2).
var oRng = oSheet.Range("C2", "C6");
oRng.Formula = "=A2 & " " & B2";

// Fill D2:D6 with a formula(=RAND()*100000) and apply format.
oRng = oSheet.Range("D2", "D6");
oRng.Formula = "=RAND()*100000";
oRng.NumberFormat = "$0.00";

// AutoFit columns A:D.
oRng = oSheet.Range("A1", "D1");
oRng.EntireColumn.AutoFit();

// Manipulate a variable number of columns for Quarterly Sales Data.
DispalyQuarterlySales(oSheet);

// Make sure Excel is visible and give the user control
// of Excel's lifetime.
oXL.Visible = true;
oXL.UserControl = true;
}

<HTML>
<HEAD>
<TITLE>將頁面中指定表格的數據導入到Excel中</TITLE>
<SCRIPT LANGUAGE="javascript">

</SCRIPT>
</HEAD>

<BODY>
<table border="0" width="300" id="data" bgcolor="black" cellspacing="1">
<tr bgcolor="white">
<td>編號</td>
<td>姓名</td>
<td>年齡</td>
<td>性別</td>
</tr>
<tr bgcolor="white">
<td>0001</td>
<td>張三</td>
<td>22</td>
<td>女</td>
</tr>
<tr bgcolor="white">
<td>0002</td>
<td>李四</td>
<td>23</td>
<td>男</td>
</tr>
</table>
<input type="button" name="out_excel" onclick="AutomateExcel();" value="導出到excel">
</BODY>
</HTML>

⑹ 怎麼用js將excel中的數據讀取後顯示到網頁中的表格

1、進入Internet屬性。

2、點擊安全。

3、選擇自定義級別。

4、把ActiveX控制項和插件下的所有選項都改成啟用。

5、伺服器生成html格式的Excel，然後設置

⑺ 如何用js將excel表格導入成web頁面格式代碼

1. 要正確的將Web客戶端的Excel文件導入到伺服器的資料庫中，需要將客戶端的Excel文件上傳到伺服器上。可以使用FileUpload控制項完成。
2. Excel文件上傳到伺服器指定的目錄中，這里假設是該站點的upfiles目錄中。
3. 使用SQL語句從upfiles目錄中的上傳Excel文件中讀取數據顯示或寫入資料庫。
相關代碼如下：
1. 前台文件：
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="StudentInforInport.aspx.cs" Inherits="StudentInforInport" %>
<!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 runat="server">
<link rel="stylesheet" type="text/css" href="css/style.css"/>
<title>從Excel表中導入學生數據</title>
</head>
<body>
<form id="form1" runat="server">
<div>
<table style="width: 96%; border-collapse: separate; text-align: center">
<tr>
<td colspan="3">
從Excel中導入</td>
</tr>
<tr>
<td colspan="3" style="text-align: left; height: 9px;">
</td>
</tr>
<tr>
<td align="center" style="width: 20%;">
請選擇Excel文件路徑</td>
<td align="center" style="width: 483px; height: 18px; text-align: left">
<asp:FileUpload ID="FileUpload1" runat="server" Width="555px" /></td>
<td align="center" style="width: 10%">
<asp:Button ID="Btn_Inport" runat="server" Text="導入" OnClick="Btn_Inport_Click" /></td>
</tr>
<tr>
<td align="center">
請選擇表名</td>
<td align="center" style="width: 483px; height: 18px; text-align: left">
<asp:DropDownList ID="DDList_Sheet" runat="server"></asp:DropDownList></td>
<td align="center">
</td>
</tr>
<tr>
<td colspan="3">
<asp:GridView ID="GV_Excel" runat="server" Height="133px" Width="100%">
</asp:GridView>
</td>
</tr>
<tr>
<td style="height: 18px">
</td>
<td style="width: 483px; height: 18px;">
</td>
<td style="width: 243px; height: 18px;">
</td>
</tr>
</table>
</div>
</form>
</body>
</html>
2. 後台代碼：
using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
using System.Data.OleDb;
using System.Data.SqlClient;
public partial class StudentInforInport : System.Web.UI.Page
{
string strConn = System.Configuration.ConfigurationManager.AppSettings["strconn"].ToString().Trim(); //鏈接SQL資料庫
protected void Page_Load(object sender, EventArgs e)
{
}
/// <summary>
/// 查詢EXCEL電子表格添加到DATASET
/// </summary>
/// <param name="filenameurl">伺服器路徑</param>
/// <param name="table">表名</param>
/// <param name="SheetName">Sheet表名</param>
/// <returns>讀取的DataSet </returns>
public DataSet ExecleDs(string filenameurl, string table, string SheetName)
{
string strConn = "Provider=Microsoft.Jet.OleDb.4.0;" + "data source=" + filenameurl + ";Extended Properties='Excel 8.0'";
OleDbConnection conn = new OleDbConnection(strConn);
conn.Open();
DataSet ds = new DataSet();
OleDbDataAdapter odda = new OleDbDataAdapter("select * from [" + SheetName + "]", conn);
odda.Fill(ds, table);
return ds;
}
protected void Btn_Inport_Click(object sender, EventArgs e)
{
if (FileUpload1.HasFile == false) //HasFile用來檢查FileUpload是否有指定文件
{
Response.Write("<script>alert('請您選擇Excel文件')</script> ");
return; //當無文件時,返回
}
string IsXls = System.IO.Path.GetExtension(FileUpload1.FileName).ToString().ToLower();//System.IO.Path.GetExtension獲得文件的擴展名
if (IsXls != ".xls")
{
Response.Write("<script>alert('只可以選擇Excel文件')</script>");
return; //當選擇的不是Excel文件時,返回
}
string filename = DateTime.Now.ToString("yyyyMMddHHmmss") + FileUpload1.FileName; // 獲取Execle文件名 DateTime日期函數
string savePath = Server.MapPath(("~\\upfiles\\") + filename); //Server.MapPath 獲得虛擬伺服器相對路徑
FileUpload1.SaveAs(savePath); //SaveAs 將上傳的文件內容保存在伺服器上
OperExcel Excel = new OperExcel();
ArrayList AL_ExcelSheet = new ArrayList();
AL_ExcelSheet = Excel.ExcelSheetName(savePath);
DDList_Sheet.Items.Clear();
for (int i = 0; i < AL_ExcelSheet.Count; i++)
{
DDList_Sheet.Items.Add( AL_ExcelSheet[i].ToString() );
}
SqlConnection cn = new SqlConnection(strConn);
cn.Open();
DataSet ds = ExecleDs(savePath, filename, DDList_Sheet.Items[0].ToString()); //調用自定義方法得到數據
DataTable dt = ds.Tables[0];
if (dt.Rows.Count == 0)
{
Response.Write("<script>alert('Excel表為空表,無數據!')</script>"); //當Excel表為空時,對用戶進行提示
}
else
{
// 數據
GV_Excel.DataSource = dt;
GV_Excel.DataBind();
Response.Write("<script>alert('Excle表導入成功!');location='default.aspx'</script>");
}
cn.Close();
}
}
注意：當導入的Excel文件中的內容很大時，將發生莫名的錯誤。因此導入的文件不能太大，一般少於5MB.

⑻ 請教網頁中如何訪問和顯示Excel表格，以實現動態網頁與Excel表格的交互操作

必須安裝MS SQL Server，然後通過SQL與EXCEL文件表單的關聯達到你要的目的。
給你一個參考教程，自己好好研版究研權究吧
Excel伺服器2006教程
http://www.qinzhe.com/es2005eehelp/tutorial/ESindex.htm

⑼ js讀取excel一個單元格內容，然後顯示在網頁上。打開頁面什麼都不顯示，請教！

Excel文件來，另存為Html格式，就知自道了

Response.ContentType 是告訴瀏覽器，伺服器傳遞過來的內容是什麼格式
這個值默認是text/html

這個要在所有的客戶機上設置瀏覽器許可權，比如IE的修改方法：
進入Internet屬性＝》安全＝》自定義級別，把ActiveX控制項和插件下的所有選項都改成啟用

因為js是客戶端的，所以伺服器不可能控制

我一般是用伺服器生成html格式的Excel，然後設置
Response.ContentType = "application/vnd.ms-excel";
Response.AppendHeader("Content-Disposition", "inline;filename=abc.xls");

這樣來下載excel，而且這樣不用修改客戶端的ie設置

⑽ 怎麼在web頁面顯示excel

你描述的不夠清除。WEB頁面並不能直接顯示EXCEL。可以顯示的當時有以下幾種
1、用高級語回言編寫程序實答現表格功能
2、用高級語言載入模塊如入（ACTIVEX）來顯示EXCEL
總之必須是網頁的代碼提供了某種功能才能實現顯示EXCEL

導航:首頁 > 編程語言 > js網頁顯示excel表格

js網頁顯示excel表格

與js網頁顯示excel表格相關的資料

友情鏈接