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浏览器中没有反应,为什么?? 展开
展开全部
您好!很高兴为您答疑。
您的代码存在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这种属于典型的关键词,不要用来当作函数名、变量名之类的,会有严重的兼容和识别问题。
如果对我们的回答存在任何疑问,欢迎继续问询。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询