您的位置：首页 > 其它

avascript计算器之DOM事件模型-----浏览器兼容问题

2011-12-17 10:39 288 查看

avascript计算器之DOM事件模型-----浏览器兼容问题

分类：
javascript 2011-12-16 18:44
66人阅读评论(0)
收藏
举报

前天做了个计算器的作业，要求使用DOM实现行为与结构的分离，做完发现，浏览器响应事件的处理出现问题，firefox和IE。。

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-CN">

<head>

<meta http-equiv="Content-type" content="text/html; charset=utf-8" />

<title>JavaScript 计算器</title>

<script type="text/javascript" src="cal.js"></script>

</head>

<body>

<hr />

<h1>JavaScript 计算器</h1>

<hr />

<form id="calculator" action="">

<p><input type="text" name="box" value="0" id="result"/></p>

................................

..................................

//省略部分代码

</form>

<hr />

<script type="text/javascript" src="calr.js"></script>

</body>

</html>

//·······································································

cal.js：

var oper;

var calResult=0;

function cal(){

}

function disResult(event){

var isIE = 0/*@cc_on+1@*/;

var e;

if(isIE){//如果是IE浏览器

e=window.event.srcElement.value;

}else{

e=event.currentTarget.value;

}

。。。。。。。。。。。//省略部分代码

}

//register cal.js

document.getElementById("num0").onclick=disResult;

document.getElementById("num1").onclick=disResult;

。。。。。。。。。。。//省略部分代码

window.event：如果IE下不加window就会出错。。。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航