还有一种方式，如果你的内容比较固定，功能也是那种变化不大的，那就开发一个HTML的模板样式，把不同的内容加载到不用的标签下面，然后使用CSS+div技术和和ajax技术实现内容的动态加载，这种方式也是可行的。
HTML 是静态语言，通常不适合用来进行数据库连接等代码的编写。
通常的情况下，是使用后台语言，如 php、asp 等获取数据库中数据，再生成 HTML 代码。
直接用 HTML 显示数据表，可以借用 JavaScript 语言来完成数据的读取，示例如下：
<!DOCTYPE HTML><html>
<head>
<title>读取数据</title>
<meta http-equiv="content-type" content="text/htmlcharset=utf-8" />
</head>
<body>
<div id="dataArea"></div>
<script>
connectDB()
function connectDB()
{
try
{
var count=0
var conn=new ActiveXObject("ADODB.Connection")
var path = "D:/WebSites/ZD.mdb" //access 数据库路径及文件名
var connectString="Provider=Microsoft.Jet.OLEDB.4.0Data Source="+path
conn.open(connectString)
var rs=new ActiveXObject("ADODB.Recordset")
var sql = "select * from tsj"//用 SQL 获取表中的数据
rs = conn.execute(sql)
//以下代码将数据表中的数据，生成 HTML 表格
var tableString = "<table border='1'>"
var sRow = ""
while(!rs.EOF)
{
sRow ="<tr>"
for(i=0i<rs.Fields.Count-1i++)
{
sRow += "<td>"+rs(i)+"</td>"
}
sRow += "</tr>"
tableString += sRow
rs.moveNext() //下移数据记录指针
}
tableString+="</table>"
document.getElementById("dataArea").innerHTML=tableString
rs.close()//关闭数据表
conn.close //关闭数据库连接
}
catch(e)
{
document.write(e.toString())
}
}
</script>
</body>
</html>
重要提示： JavaScript 连接 Access 数据库，是使用的 ActiveXObject 方式，因此，只能在 IE 浏览器中运行。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）