首页 > 解决方案 > 在 HTA 中实现数据表

问题描述

我有一个 HTA,它在一个大表中加载到 HTML 中。但是,我想利用数据表的 jquery 插件。但是,当我运行我的脚本时,它会在 line : 处收到一个脚本错误,<script language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>这让我觉得我没有正确实现 jquery。从我看到的所有帖子中,即使对于 HTA,javascript 文件似乎也是以这种方式加载的。加载 15000 行也需要相当多的时间,所以一旦实现了 Datatables 并且有分页,那么不应该减少加载时间吗?

<!DOCTYPE html>
<html lang="en-US">
<style>
</style>
<head>
<title>ARMS Hamburger Site</title>
<meta charset="UTF-8">
<meta http-equiv="x-ua-compatible" content="ie=9">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script language="javascript" src="https://code.jquery.com/jquery-3.3.1.js"></script>
<script language="javascript" src="https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css">
</head>
<body>
<script language="javascript">
var today = new Date();
var t0 =  today.getSeconds();
var connection = new ActiveXObject("ADODB.Connection") ;
var rs = new ActiveXObject("ADODB.Recordset");
var connectionstring="Provider=Microsoft.ACE.OLEDB.12.0;Data Source=\\\\path.accdb;Jet OLEDB:Engine Type=5;Persist Security Info=False;Mode=Share Exclusive;"

connection.CursorLocation=3;
connection.Mode=3;
connection.Open(connectionstring);

rs.Open("SELECT * FROM table", connection);

var str=rs.GetString(2,rs.RecordCount,"</td><td>","</td></tr><tr><td>"," ");

rs.close;
connection.close; 
</script>
<center>
<table id="myTable" class="display" style="width:100%">
<tr>
<td><script language="javascript">document.write(str)</script></td>
</tr>
</table>
</center>
</body>
</html>
<script language="javascript">
    $(document).ready(function() {
        $('#myTable').DataTable();
} );
</script>

标签: jqueryhtmlcssdatatableshta

解决方案


推荐阅读