日期:2014-05-16  浏览次数:20305 次

JavaScript 扫描枪应用(一)
com.js为主要的代码实现,test.html文件为测试的页面,其中包括了com.js文件中方法的调用。以下为测试成功代码:
com.js
//com.js

/**
 * 初始化MSComm1对象,并打开串口
 */
function initMSComm(){
	document.write("<OBJECT id=MSComm1 CLASSID=\"clsid:648A5600-2C6E-101B-82B6-000000000014\" codebase=\"MSCOMM32.OCX\" type=\"application/x-oleobject\"  style=\"width:100px;height:30px\" >");	
	document.write("<PARAM NAME=\"CommPort\"		VALUE=\"1\"/> ");
	document.write("<PARAM NAME=\"DataBits\"		VALUE=\"8\"/> ");
	document.write("<PARAM NAME=\"StopBits\"		VALUE=\"1\"/>");
	document.write("<PARAM NAME=\"BaudRate\"		VALUE=\"9600\"/>");
	document.write("<PARAM NAME=\"Settings\"		VALUE=\"9600,N,8,1\"/>");
	document.write("<PARAM NAME=\"RTSEnable\"		VALUE=\"1\"/>");
	document.write("<PARAM NAME=\"DTREnable\"		VALUE=\"1\"/>");
	document.write("<PARAM NAME=\"Handshaking\"		VALUE=\"0\"/>");
	document.write("<PARAM NAME=\"NullDiscard\"		VALUE=\"0\"/> ");
	document.write("<PARAM NAME=\"ParityReplace\"	VALUE=\"?\"/>");
	document.write("<PARAM NAME=\"EOFEnable\"		VALUE=\"0\"/>");
	document.write("<PARAM NAME=\"InputMode\"		VALUE=\"0\"/>");
	document.write("<PARAM NAME=\"InBufferSize\"	VALUE=\"1024\"/>");
	document.write("<PARAM NAME=\"InputLen\"		VALUE=\"1\"/>");
	document.write("<PARAM NAME=\"OutBufferSize\"	VALUE=\"512\"/>");
	document.write("<PARAM NAME=\"SThreshold\"		VALUE=\"0\"/>");
	document.write("<PARAM NAME=\"RThreshold\"		VALUE=\"1\"/>");
	document.write("</OBJECT>");
	
	if(MSComm1.PortOpen==false){
		try{
			MSComm1.PortOpen=true;
		}catch(ex){
			alert("com1端口打开失败:"+ex.message);
		}
	}
	
}

var mscomm_scan_value = "";
// 串口响应事件
function MSComm1_OnComm(callBackFunction){
	switch(MSComm1.CommEvent){
		case 2:  //接收事件
			if(mscomm_scan_value == "") {
				mscomm_scan_value = MSComm1.Input;
				// 定时读取缓存信息
				setTimeout("getMSCommScanValue("+callBackFunction+")",300);
			}
			break;
		default: alert("Event Raised!"+MSComm1.CommEvent);
	}
}


function getMSCommScanValue(callBackFunction){
	// 读取缓存中剩余的信息
	while(MSComm1.InBufferSize > 0) {
		mscomm_scan_value += MSComm1.Input;
	}
	// 执行页面传递过来的函数
	callBackFunction(mscomm_scan_value);
	// 清空当前读取信息
	mscomm_scan_value = ""
}




test.html
<html>
<head>
<title>JavaScript串口测试</title>
<meta http-equiv="Content-Type" content="text/html; charset=GB2312" />
<script type="text/javascript" src="com.js" >
</script>
<script   type="text/ecmascript"   for="MSComm1"  event="OnComm">
	// MSComm1控件每遇到 OnComm 事件就调用 MSComm1_OnComm()函数
	MSComm1_OnComm(mscommCallBack)
</script>
<script type="text/javascript">
	function mscommCallBack(scanValue) {
		var ewtm = document.getElementById("ewtm");
		ewtm.value = scanValue;
	}
</script>
</head>

<body>
<script type="text/javascript" >
	initMSComm();
</script>

二维条码:<input type="text" id="ewtm"/>
</body>
</html>



得出以上结果经过几次失败尝试,尝试内容如下:
1. 将test.html文件中的
   <script   type="text/javascript"   for="MSComm1"  event="OnComm">
// MSComm1控件每遇到 OnComm 事件就调用 MSComm1_OnComm()函数
MSComm1_OnComm(mscommCallBack)
   </script>段代码调整为:
   <script type="text/javascript">
        window.onload = function() {
             MSComm1.OnComm = MSComm1_OnComm;//采用其他方式取代闭包的实现过程
        }
   </script>

2. 在页面head的JavaScript代码中调用initMSComm方法,将Object标签对象添加到页面的一个div中,页面提示加载ActiveX控件,但是无法绑定OnComm事件响应。

3. 当MSComm1.CommEvent为7时表示接收结束,可是只能接收到状态为2的情况,所以无法采用状态为7时的响应事件。

4. 当initMSComm方法调用时,且MSComm1.CommEvent为2