jsp函数为什么不能兼容IE和火狐等浏览器？
如下代码：<!DOCTYPEhtml><html><head><metahttp-equiv="Content-Type"content="text/html;chars...
如下代码：
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<!--The viewport meta tag is used to improve the presentation and behavior of the samples
on iOS devices-->
<meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no">
<title>Map with legend</title>
<link rel="stylesheet" href="http://js.arcgis.com/3.11/dijit/themes/claro/claro.css">
<link rel="stylesheet" href="http://js.arcgis.com/3.11/esri/css/esri.css">
<style>
html, body {
height: 97%;
width: 98%;
margin: 1%;
}
#topPane{
top:5px;
width:98%;
height:50px;
}
</style>
<script src="http://js.arcgis.com/3.11/"></script>
<script type="application/javascript">
function hidden(){
alert("!");
}
</script>
</head>
<body class="claro">
<!--[if IE 7]>
<style>
html, body {
margin: 0;
}
</style>
<![endif]-->
<div id="content"
style="width: 100%; height: 100%; margin: 0;">
<div id="topPane"
>
<input type="submit" name="无" value="隐藏" onClick="hidden()" />
</div>
</div>
</body>
</html>
在IE中可以点击按钮可以出现警告框，但是在火狐或者Google浏览器中没有反应，为什么？？ 展开
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<!--The viewport meta tag is used to improve the presentation and behavior of the samples
on iOS devices-->
<meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no">
<title>Map with legend</title>
<link rel="stylesheet" href="http://js.arcgis.com/3.11/dijit/themes/claro/claro.css">
<link rel="stylesheet" href="http://js.arcgis.com/3.11/esri/css/esri.css">
<style>
html, body {
height: 97%;
width: 98%;
margin: 1%;
}
#topPane{
top:5px;
width:98%;
height:50px;
}
</style>
<script src="http://js.arcgis.com/3.11/"></script>
<script type="application/javascript">
function hidden(){
alert("!");
}
</script>
</head>
<body class="claro">
<!--[if IE 7]>
<style>
html, body {
margin: 0;
}
</style>
<![endif]-->
<div id="content"
style="width: 100%; height: 100%; margin: 0;">
<div id="topPane"
>
<input type="submit" name="无" value="隐藏" onClick="hidden()" />
</div>
</div>
</body>
</html>
在IE中可以点击按钮可以出现警告框，但是在火狐或者Google浏览器中没有反应，为什么？？ 展开
1个回答
展开全部
您好！很高兴为您答疑。
您的代码存在2处问题。1、application/javascript是服务器端处理js文件的mime类型，text/javascript是浏览器处理js的mime类型，后者兼容性更好（虽然application/javascript才是正确写法，由于现在大家都写错的，导致浏览器厂商对写application/javascript兼容性更好）。等以后大家都用HTML5的时候，就不需要写这个了。直接<script></script>即可；2、<input type="submit" name="无" value="隐藏" onClick="hidden()" />中，因为您并没有将该按钮内置到任何一个表单域，所以您不该指定type属性，<input name="无" value="隐藏" onClick="hidden()"/>，此外，在html中的对象name请不要使用双字节文字，最后一个很需要注意的就是，hidden这种属于典型的关键词，不要用来当作函数名、变量名之类的，会有严重的兼容和识别问题。
如果对我们的回答存在任何疑问，欢迎继续问询。
您的代码存在2处问题。1、application/javascript是服务器端处理js文件的mime类型，text/javascript是浏览器处理js的mime类型，后者兼容性更好（虽然application/javascript才是正确写法，由于现在大家都写错的，导致浏览器厂商对写application/javascript兼容性更好）。等以后大家都用HTML5的时候，就不需要写这个了。直接<script></script>即可；2、<input type="submit" name="无" value="隐藏" onClick="hidden()" />中，因为您并没有将该按钮内置到任何一个表单域，所以您不该指定type属性，<input name="无" value="隐藏" onClick="hidden()"/>，此外，在html中的对象name请不要使用双字节文字，最后一个很需要注意的就是，hidden这种属于典型的关键词，不要用来当作函数名、变量名之类的，会有严重的兼容和识别问题。
如果对我们的回答存在任何疑问，欢迎继续问询。
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
