在IE6、8中 <a>、button点击事件(onclick)没得反应经验总结

首先声明我不经常写js代码.对浏览器的兼容性积累经验不够,特别是IE6、7、8的兼容,总结此文章以便自己和大家一起积累,少花不必要的时间。

下面是我的js代码:

/***
* 保存修改数据
* @return
*/
function saveConten(){
$.ajax({
type:"POST",
url:"emp.do?param=UpdateEmpInfo",
data:{
"empId":$("#empId").val(),
"empNo":$("#empNo").val(),
"empName":$("#empName").val(),
"empLoginName":$("#empLoginName").val(),
"empLoginPass":$("#empLoginPass").val(),
"empTell":$("#empTell").val(),
"empEmail":$("#empEmail").val(),
"empRemark":$("#empRemark").val(),
"empSex":document.getElementById("empSex2").value,
},
dataType:"json",
success:function (json){
closeWindow();
alert("修改成功!");
window.location.reload();
},
error:function(){alert("加载员工信息失败,请重试!");}
});
}

,我没加这段代码的时候,整个页面的其它js代码在IE6、8正常工作,但我加了这段代码后,整个页面的js代码就不听话了(onclick没得反应).大家看到我的js代码哪儿有错吗?在json封装数据的时候,最后一个属性多了一个逗号(",")

"empSex":document.getElementById("empSex2").value,把这个多的逗号去掉就行了.

我在做一个项目时,<a οnclick="我的方法">在IE6、8始终没有加载我的一个引入的js代码,在网上找了可能有2个小时,都无济于事,突然看到一位哥们的blog说使用onload来测试加载的我Js代码.我才发现是没有加载我的js代码,我引入的js代码路径绝对是正确的,我也清空了IE6、8的缓存.不知道是什么原因。随后我把js代码写在调用页面onclick就调用我的js代码了。

总结:如果<a>或button的onclick事件没得反应,首先检查js代码有错没得,使用<body οnlοad="你的方法">这种方式可以检测你的js代码是否有错,如果这样能执行你的方法中的代码,仍然还报错,那么再看你的onclick事件的有不有单引号或双引号写错,或者查看不个页面代码是否多了或少了什么符号.

由于IE6、8对逗号、单/引号特别的感冒,所有大家在写js代码要注意这些细节,不然找错找得你想吐。

说出<!DOCTYPE html> <html> <head> <title>计算器</title> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> </head> <body> <h1>计算器</h1> <input type="text" id="result" readonly> <br> <button onclick="clearResult()">清除</button> <button onclick="deleteChar()">删除</button> <br> <button onclick="addToResult('7')">7</button> <button onclick="addToResult('8')">8</button> <button onclick="addToResult('9')">9</button> <button onclick="addToResult('+')">+</button> <br> <button onclick="addToResult('4')">4</button> <button onclick="addToResult('5')">5</button> <button onclick="addToResult('6')">6</button> <button onclick="addToResult('-')">-</button> <br> <button onclick="addToResult('1')">1</button> <button onclick="addToResult('2')">2</button> <button onclick="addToResult('3')">3</button> <button onclick="addToResult('*')">*</button> <br> <button onclick="addToResult('0')">0</button> <button onclick="addToResult('.')">.</button> <button onclick="calculate()">=</button> <button onclick="addToResult('/')">/</button> <br> <script src="calculator.js"></script> </body> </html> <script> let result = document.getElementById('result'); function addToResult(char) { result.value += char; } function clearResult() { result.value = ''; } function deleteChar() { result.value = result.value.slice(0, -1); } function calculate() { try { result.value = eval(result.value); } catch (error) { result.value = 'Error'; } } </script>这段程序的思路
最新发布
06-10
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值