分类：
javascript 2011-12-16 18:44
66人阅读
收藏
举报
前天做了个计算器的作业，要求使用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就会出错。。。
前天做了个计算器的作业，要求使用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就会出错。。。
分享到：
相关推荐
JavaScript+DOM编程艺术+清晰中文版 网页前端工程师的入门级图书 网页设计的必备书籍
本人用JavaScript编写的网页计算器，有简单的各项运算，经运行调试，证明还不错。适合初学者及相关人员学习借鉴。不足之处还请大家指出。
讲解IE 和 Firefox 浏览器 JavaScrip脚本兼容的应用。包括函数、属性、方法的讲解。适合IE与Firefox的通脚本。
avaScript文档对象模型是关于java的很好的一本书。很适合新手的学习阅读
avaScript语言精粹
avaScript之webgame学习最具实践性的资料--猫游记js代码大全.rar
avascript设计模式.pdf
《JavaScript DOM编程艺术(第2版)》是超级畅销书的升级版，由倡导Web标准的领军人物执笔，揭示了前端开发的真谛，是学习JavaScript和DOM开发的必读之作。 《JavaScript DOM编程艺术(第2版)》在简洁明快地讲述...
avaScript表单验证大全
JavaScript一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言!
avascript参考手册CHM版，中文版本
avaScript语法概述.pdf
注： ...2、依赖JQ，兼容各个平台 3、极简的本地缓存方案（因TableID默认为缓存key，使用时请保证全项目TableID都是唯一的。） 4、一键开启浏览器自动布局 5、自带边界守卫，不用担心table宽度异常
该系统将允许用户管理他们的虚拟主机，包括域名、FTP、电子邮件等。 该系统的主要特点包括： - 用户友好的界面：该系统将采用易于使用的界面，使用户能够快速轻松地管理他们的虚拟主机。 - 灵活性：该系统将提供...
avascript教程.效果和源码.rar
From there, the book will introduce you to jQuery and show you how you can manipulate the DOM. You'll get to play with some cool stuff using Canvas and will learn how to make use of Canvas to build a...
一个asp和javascript传参数的列子
About This Book Apply the core principles of concurrency to both browser and server side development Explore the latest tools and techniques at the forefront of concurrent programming, including ...
这些特效是大多数日常开发者在开发过程会用到的，是慢慢收集起来的，希望对大家有用，每一个特效都有详细清楚的代码注释值得研究
html_css_javascript有助于完对html页面的开发和美工，javascript语言可完成在本地的验证和部分功能的调试