• 提升品牌形象
  • 最新HTML5+Css3网站制作技术
  • 完全区分与同行的震撼视觉体验
  • 自动适应平板、手机及电脑屏幕
  • 详细介绍
  • 企业网站入门首选
  • 强大丰富的系统功能
  • 超过1000种页面风格
  • 每年仅需¥1500元,两年仅需¥2000元
  • 详细介绍
  • 4000/4006两种开头选择
  • 智能占线、断线呼转
  • 高达300组可呼转号码
  • 智能语音导航
  • 详细介绍

If you have any question,please contact with us.

  • 昆明网站建设-在线客服

    蛋切刀 一指
    妖异眼瞳
  • 昆明网站设计-服务电话

    4000-555-94113099998627
  • 昆明网站建设-联系地址

    昆明市官渡区岔街
    鸿运都市别墅5单元1101

HTML5 实例-微设计创意工坊 为您提供 昆明网站制作 昆明网站建设 昆明网站设计 云南网站建设 昆明网络公司

  • Home
  • /
  • HTML5 实例
实例8-7 使用openDatabase打开与创建数据库

实例8-7 使用openDatabase打开与创建数据库

1.功能描述

在新建的页面中,增加两个按钮,一个用于打开或创建数据库,另外一个用于检测创建的数据库连接是否正常。单击这两个按钮时,将在页面中显示执行过程中的相应状态。

2.实现代码

在DreamweaverCS5中新建一个HTML页面8-7.html,加入代码如代码清单8-7所示。

代码清单8-7 使用openDatabase打开与创建数据库

	<!DOCTYPE html>
	<html>
	<head>
	<meta charset="utf-8"/>
	<title>使用openDatabase打开与创建数据库</title>
	<link href="Css/css8.css" rel="stylesheet" type="text/css">
	<script type="text/javascript" language="jscript"
	        src="Js/js7.js"/>
	</script>
	</head>
	<body>
	   <input id="btnCreateDb" type="button" value="创建数据库"
	          class="inputbtn" onClick=nbtnCreateDb_Click();">
	   <input id="btnTestConn" type="button" value="测试连接"
	          class="inputbtn" onClick="btnTestConn_Click();">
	   <p id="pStatus"></p>
	</body>
	</html>

在代码清单8-7中,页面导入一个JavaScript文件js7.js,其中自定义两个函数,分别在单击“创建数据库”与“测试连接”时调用。其实现的代码如下所示:

	//JavaScriptDocument
	function $$(id){
	    return document.getElementByld(id);
	}
	var db;
	//单击“创建数据库”按扭时调用
	function btnCreateDb_Click(){
	    db=openDatabase('Student','1.0','StuManage'2*1024*1024,
	    function(){
	        $$("pStatus").style.display="block";
	        $$("pStatus">.innerHTML=”数据库创建成功!”;
	     });
	}
	//单击“测试连接”按扭时调用
	function btnTestConn_Click(){
	    if(db){
	       $$("pStatus").style.display="block";
	       $$("pStatus").innerHTML="数据库连接成功!";
	    }
	}

3.页面效果

该页面在Chrome10浏览器中执行的页面效果如图8-7所示。

图8-7 使用openDatabase打开与创建数据库

4.源码分析

在本实例的JavaScript代码中,首先定义了一个全局性变量“db”,用于保存打开的数据库对象。当用户单击“创建数据库”按钮时,调用自定义的函数btnCreateDb_Click(),在该函数中,创建或打开了一个名为“Student”,版本号为“1.0”的2MB的数据库对象;如果创建成功,则执行回调函数,在回调函数中显示执行成功的提示信息。

单击“测试连接”按钮时,调用另外一个自定义的函数btnTestConn_Click(),在该函数中,直接根据全局变量“db”的状态,显示与数据库的连接是否正常的提示信息。

本文由昆明网站建设,昆明微设计整理发布,转载请保留链接


  • If you have any question,please contact with us.

  • QQ在线客服

    蛋切刀
    可乐上瘾
    妖异眼瞳
  • 服务电话

    4000-555-94113099998627
  • 联系地址

    昆明市官渡区岔街
    鸿运都市别墅5单元1101