تصف هذه المقالة طريقة تصدير Excel بواسطة JavaScript. شاركه للرجوع إليه. طريقة التنفيذ المحددة هي كما يلي:
نسخة الكود كما يلي: <html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "content-type" content = "text/html ؛ charset = utf-8"/>
<title> كيفية تصدير صفحات الويب كمستندات Excel </title>
</head>
<body>
<table id = "tableexcel" cellpacing = "0" cellpadding = "0">
<tr>
<td colspan = "5" align = "center"> كيفية تصدير صفحات الويب كمستندات excel </td>
</r>
<tr>
<td> عنوان العمود 1 </td>
<td> عنوان العمود 2 </td>
<td> عنوان العمود 3 </td>
<td> عنوان العمود 4 </td>
<td> عنوان العمود 5 </td>
</r>
<tr>
<td> aaa </td>
<td> bbb </td>
<td> ccc </td>
<td> ddd </td>
<td> ee </td>
</r>
<tr>
<td> aaa </td>
<td> bbb </td>
<td> ccc </td>
<td> ddd </td>
<td> eee </td>
</r>
<tr>
<td> fff </td>
<td> ggg </td>
<td> hhh </td>
<td> iii </td>
<td> jjj </td>
</r>
</table>
<type type = "button" onClick = "javaScript: method1 ('tableexcel') ؛" value = "يتم استيراد الطريقة الأولى إلى Excel">
<type type = "button" onClick = "javaScript: method2 ('tableexcel') ؛" value = "يتم استيراد الطريقة الثانية إلى Excel">
<type type = "button" onClick = "javaScript: getxlsfromtbl ('tableexcel' ، null) ؛" value = "يتم استيراد الطريقة الثالثة إلى Excel">
<script language = "javaScript">
الوظيفة method1 (tableId) {// انسخ الجدول بأكمله للتفوق
var curtbl = document.getElementByidx_x_x (tableId) ؛
var oxl = new ActivexObject ("excel.application") ؛
// إنشاء كائن AX Excel
var owb = oxl.workbooks.add () ؛
// احصل على كائن المصنف
var Osheet = owb.activeshet ؛
// تنشيط الورقة الحالية
var sel = document.body.createTexTrange () ؛
Sel.MovetoElementText (Curtbl) ؛
// انقل المحتويات في الجدول إلى Textrange
sel.select () ؛
// حدد جميع المحتويات في Textrange
sel.ExecCommand ("نسخ") ؛
// انسخ المحتوى في Textrange
Osheet.paste () ؛
// لصق في Excel النشط
oxl.visible = صحيح ؛
// تعيين سمة Excel المرئية
}
وظيفة الوظيفة 2 (TableId) // اقرأ كل خلية في الجدول في Excel
{
var curtbl = document.getElementByidx_x_x (tableId) ؛
var oxl = new ActivexObject ("excel.application") ؛
// إنشاء كائن AX Excel
var owb = oxl.workbooks.add () ؛
// احصل على كائن المصنف
var Osheet = owb.activeshet ؛
// تنشيط الورقة الحالية
var lenr = curtbl.rows.length ؛
// احصل على عدد الصفوف في الجدول
لـ (i = 0 ؛ i <lenr ؛ i ++)
{
var lenc = curtbl.Rows (i) .Cells.Length ؛
// احصل على عدد الأعمدة لكل صف
لـ (j = 0 ؛ j <lenc ؛ j ++)
{
Osheet.cells (i + 1 ، j + 1) .value = curtbl.Rows (i) .cells (j) .innertext ؛
//تكليف
}
}
oxl.visible = صحيح ؛
// تعيين سمة Excel المرئية
}
وظيفة getxlsfromtbl (intblid ، inwindow) {
يحاول {
var allstr = "" ؛
var curstr = "" ؛
// ALERT ("getxlsfromtbl") ؛
if (intblid! = null && intblid! = "" && intblid! = "null") {
curstr = getTblData (intblid ، inwindow) ؛
}
if (curstr! = null) {
allstr += curstr ؛
}
آخر {
تنبيه ("الجدول الذي تريد تصديره غير موجود!") ؛
يعود؛
}
var filename = getExCelfilename () ؛
DofileExport (اسم الملف ، allstr) ؛
}
catch (e) {
التنبيه ("حدث استثناء في التصدير:" + e.name + "->" + e.description + "!") ؛
}
}
وظيفة getTblData (intbl ، inwindow) {
صفوف var = 0 ؛
// ALERT ("getTblData is" + inwindow) ؛
var tbldocument = وثيقة ؛
إذا (!! inwindow && inwindow! = "") {
if (! document.all (inwindow)) {
العودة لاغية.
}
آخر {
tblDocument = eval_r (inwindow) .document ؛
}
}
var curtbl = tblDocument.getElementByIdx_x_x (intbl) ؛
var outstr = "" ؛
if (curtbl! = null) {
لـ (var j = 0 ؛ j <curtbl.rows.length ؛ j ++) {
// ALERT ("J IS" + J) ؛
لـ (var i = 0 ؛ i <curtbl.rows [j] .cells.length ؛ i ++) {
// ALERT ("i is" + i) ؛
إذا (i == 0 && صفوف> 0) {
Outstr += "" ؛
الصفوف -= 1 ؛
}
OutStr + = Curtbl.Rows [j] .Cells [i] .innertext + "" ؛
if (curtbl.rows [j]. cells [i] .colspan> 1) {
لـ (var k = 0 ؛ k <curtbl.rows [j] .cells [i] .colspan - 1 ؛ k ++) {
Outstr += "" ؛
}
}
إذا (i == 0) {
إذا (الصفوف == 0 && curtbl.rows [j]. cells [i] .Rowspan> 1) {
الصفوف = curtbl.Rows [j] .cells [i] .Rowspan - 1 ؛
}
}
}
Outstr += "" ؛
}
}
آخر {
Outstr = NULL ؛
تنبيه (intbl + "غير موجود!") ؛
}
إرجاع Outstr.
}
وظيفة getExCelfilename () {
var d = new Date () ؛
var curyear = d.getyear () ؛
var curmonth = "" + (d.getMonth () + 1) ؛
var curdate = "" + d.getDate () ؛
var curhour = "" + d.gethours () ؛
var curminute = "" + d.getMinutes () ؛
var cursecond = "" + d.getSeconds () ؛
if (curmonth.length == 1) {
curmonth = "0" + curmonth ؛
}
if (curdate.length == 1) {
cratate = "0" + cratate ؛
}
if (curhour.length == 1) {
curhour = "0" + curhour ؛
}
if (curminute.length == 1) {
curminute = "0" + curminute ؛
}
if (cursecond.length == 1) {
cursecond = "0" + cursecond ؛
}
var filename = "leo_zhang" + "_" + curyear + curmonth + curdate + "_"
+ curhour + curminute + cursecond + ".csv" ؛
// تنبيه (اسم الملف) ؛
إرجاع اسم الملف ؛
}
وظيفة dofileexport (inname ، instr) {
var xlswin = null ؛
if (!! document.all ("glbhidefrm")) {
xlswin = glbhidefrm ؛
}
آخر {
عرض var = 6 ؛
VAR الارتفاع = 4 ؛
var openpara = "left =" + (window.screen.width / 2 - width / 2)
+ "، TOP =" + (window.screen.height / 2 - الارتفاع / 2)
+ "، scrollbars = no ، width =" + width + "، height =" + height ؛
xlswin = window.open ("" ، "_blank" ، OpenPara) ؛
}
xlswin.document.write (instr) ؛
xlswin.document.close () ؛
xlswin.document.execcommand ('seveas' ، true ، inname) ؛
xlswin.close () ؛
}
</script>
</body>
</html>
فيما يلي مشكلة التعامل مع إغلاق عملية Excel
انسخ الرمز كما يلي: // مشاكل التدمير في JavaScript (مثال كائن ActiveX)
// -------------------------------------------------
<script>
var strsavelocation = 'file: /// e: /1.xls'
وظيفة createxls () {
var excel = new ActivexObject ("excel.application") ؛
var wk = excel.workbooks.add () ؛
wk.saveas (strsavelCocation) ؛
wk.saved = true ؛
excel.quit () ؛
}
وظيفة الكتابة () {
var excel = new ActivexObject ("excel.application") ؛
var wk = excel.workbooks.Open (StrSavelOction) ؛
ورقة var = wk.worksheets (1) ؛
sheet.cells (1 ، 1) .value = 'test string' ؛
wk.saveas (strsavelCocation) ؛
wk.saved = true ؛
excel.quit () ؛
}
</script>
<body>
<button onClick = "Createxls ()"> إنشاء </button>
<button onClick = "Writexls ()"> rewrite </utton>
</body>
في هذا المثال ، لا يحدث استثناء عند تشغيل الملف المحلي. -في معظم الأحيان ، هناك فقط بعض القمامة الذاكرة. ومع ذلك ، إذا كان STRSavelCOOTIC هو عنوان URL عن بُعد ، فسيتم حفظ بيانات اعتماد وصول الملف المحلي ، ويمكن استخدام مثيل واحد فقط (عن بعد) لتمكين مستند Excel وتخزينه. لذلك إذا قمت بالنقر فوق الزر "إعادة الكتابة" مرارًا وتكرارًا ، فسيظهر استثناء.
- لاحظ أن هذا رمز مبسط لمثيل ملف مشترك عند التشغيل في SPS. لذلك ، فهي ليست مناقشة "أكاديمية" مملة ، وهي مشكلة عملية في الهندسة.
الحل لهذه المشكلة معقد. أنه يتضمن قضيتين:
① إصدار القسائم المحلية
② إصدار مثيل كائن ActiveX
لنبدأ بمشكلة "الفشل" للكائنات في JavaScript. ببساطة:
① سيكون الكائن غير صالح خارج السياق الذي يعيش فيه.
② سيكون الكائن العالمي غير صالح إذا لم يتم تنفيذه (المشار إليه).
على سبيل المثال:
انسخ الرمز كما يلي: // ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
// متى يفشل كائن JavaScript
// -------------------------------------------------
وظيفة testObject () {
var _obj1 = new Object () ؛
}
وظيفة testObject2 () {
var _obj2 = new Object () ؛
العودة _obj2 ؛
}
// مثال 1
testObject () ؛
// مثال 2
TestObject2 ()
// مثال 3
var obj3 = testObject2 () ؛
OBJ3 = فارغة ؛
// مثال 4
var obj4 = testObject2 () ؛
var arr = [obj4] ؛
OBJ3 = فارغة ؛
arr = [] ؛
في هذه الأمثلة الأربعة:
- "مثال 1" بنيات _OBJ1 في وظيفة testObject () ، ولكن عندما تخرج الوظيفة ، تركت سياق الوظيفة ، لذلك _OBJ1 غير صالح ؛
- في "مثال 2" ، يتم إنشاء كائن _OBJ2 أيضًا في TestObject2 () ويتم تمريره ، وبالتالي فإن الكائن له بيئة سياق (وعمر) "خارج الوظيفة" ، ولكن نظرًا لأن قيمة إرجاع الوظيفة ليست "محتفظ بها" من قبل متغيرات أخرى ، فإن _OBJ2 غير صالح على الفور ؛
- في "مثال 3" ، يتم الاحتفاظ بـ _OBJ2 التي تم إنشاؤها بواسطة TestObject2 () بواسطة المتغير الخارجي OBJ3. في هذا الوقت ، حتى يصبح سطر الكود "OBJ3 = NULL" ساري المفعول ، لن يكون _OBJ2 غير صالح لأن العلاقة المرجعية تختفي.
- لنفس السبب كما في المثال 3 ، لن يكون _OBJ2 في "مثال 4" غير صالح بعد سطر الكود "arr = []".
ومع ذلك ، فإن "فشل" الكائن لا ينتظر أن يتم إصداره ". داخل وقت تشغيل JavaScript ، لا توجد طريقة لإخبار المستخدم بالضبط "متى سيتم إصدار الكائن". هذا يعتمد على آلية استرداد ذاكرة JavaScript. هذه الاستراتيجية تشبه آلية إعادة التدوير في .NET.
في رمز مثال عملية Excel السابق ، لن يحدث مالك الكائن ، أي "excel.exe" ، إلا بعد "إطلاق مثيل كائن ActiveX". ترتبط أقفال الملف وبيانات اعتماد إذن نظام التشغيل بالعملية. لذلك إذا كان الكائن "فشل" فقط وليس "الإصدار" ، فستواجه عمليات أخرى مشاكل عند معالجة الملفات والإشارة إلى بيانات اعتماد نظام التشغيل.
- يقول بعض الناس أن هذا خطأ في آلية JavaScript أو COM. في الواقع ، ليس كذلك. يحدث هذا بسبب وجود علاقة معقدة بين OS و IE و JavaScript ، بدلاً من مشكلة مستقلة.
كشفت Microsoft عن استراتيجية لحل هذه المشكلة: استدعاء بشكل استباقي عملية إعادة تدوير الذاكرة.
يتم توفير عملية CollectGarBage () (يشار إليها عادة باسم عملية GC) في (Microsoft) JScript. يتم استخدام عملية GC لتنظيف "اختلال الكائن الفاشل" في IE الحالي ، أي عملية المدمرة المتمثلة في استدعاء الكائن.
في المثال أعلاه ، فإن الكود الذي يستدعي إجراء GC هو:
انسخ الرمز كما يلي: // ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
// طريقة الاتصال القياسية لإجراءات GC عند معالجة كائن ActiveX
// -------------------------------------------------
وظيفة الكتابة () {
//(طفيف...)
excel.quit () ؛
excel = null ؛
setTimeout (CollectGarbage ، 1) ؛
}
يدعو السطر الأول من الكود طريقة excel.quit () لجعل عملية الإجهاض والخروج من عملية Excel. في هذا الوقت ، نظرًا لأن بيئة JavaScript لديها مثيل كائن Excel ، فإن عملية Excel لا تعمل فعليًا.
يجعل السطر الثاني من التعليمات البرمجية Excel Null لمسح مراجع الكائن ، وبالتالي "إبطال" الكائن. ومع ذلك ، نظرًا لأن الكائن لا يزال في سياق الوظيفة ، إذا تم استدعاء إجراء GC مباشرةً ، فلن يتم تنظيف الكائن.
يستخدم السطر الثالث من التعليمات البرمجية SetTimeOut () استدعاء وظيفة CollectGarbage ، ويتم تعيين الفاصل الزمني على "1" ، مما يجعل عملية GC تحدث فقط بعد تنفيذ وظيفة WriteXLS (). وبهذه الطريقة ، يلبي كائن Excel شرطين من "يمكن تنظيفه بواسطة GC": لا يوجد مرجع وترك السياق.
استخدام إجراءات GC فعال للغاية في بيئات JS باستخدام كائن ActiveX. تشمل بعض كائنات ActiveX المحتملة XML و VML و OWC (Office Web Componet) و Flash وحتى Vbarray في JS.
من وجهة النظر هذه ، نظرًا لأن بنية AJAX تتبنى XMLHTTP وتحتاج أيضًا إلى تلبية ميزة "عدم تبديل الصفحة" ، فإن الاتصال بنشاط بعملية GC في الأوقات المناسبة سيمنحك تجربة أفضل كفاءة باستخدام واجهة المستخدم.
في الواقع ، حتى مع عملية GC ، لن يتم حل مشكلة Excel المذكورة أعلاه بالكامل. لأن IE أيضا Caches بيانات الاعتماد. الطريقة الوحيدة لجعل بيانات اعتماد إذن الصفحة هي "التبديل إلى صفحة جديدة" ، لذلك في الواقع ، في مشروع SPS المذكور سابقًا ، لم تكن الطريقة التي استخدمتها GC ، ولكن الرمز التالي:
انسخ الرمز كما يلي: // ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
// صفحة تبديل الصفحة المستخدمة عند معالجة كائن ActiveX
// -------------------------------------------------
وظيفة الكتابة () {
//(طفيف...)
excel.quit () ؛
excel = null ؛
// يتم استخدام الكود التالي لحل خطأ في IE Call Excel ، الطريقة المقدمة في MSDN:
// setTimeout (CollectGarbage ، 1) ؛
// نظرًا لأنه لا يمكن مسح الحالة الموثوقة لصفحة الويب (أو متزامنها) ستؤدي
// غير صالح في المرة القادمة التي تسميها.
location.reload () ؛
}
أخيرًا ، ملاحظة تكميلية حول GC: عندما يتم تقليل نموذج IE ، فإن IE سوف يسميها بنشاط مرة واحدة.
CollectGarbage () وظيفة. هذا يجعل استخدام الذاكرة يتحسن بشكل كبير بعد تقليل نافذة IE.
آمل أن يكون الوصف في هذه المقالة مفيدًا لبرمجة الويب للجميع بناءً على JavaScript.