jsp javacript放在head和body的问题 5
jsp页面如下:<body><inputtype="button"id="hide"name="hide"value="hide"/><inputtype="button...
jsp页面如下:
<body>
<input type="button" id="hide" name="hide" value="hide" />
<input type="button" id="show" name="show" value="show"/>
<p>This is my JSP page.</p>dfgf
<script type="text/javascript">
<!--
$("#hide").click(function(){
alert('d');
$("p").hide();
});
$("#show").click(function(){
$("p").show();
});
//-->
</script>
</body>
上面这个可以执行想要的结果，下面这个就不行了
<script type="text/javascript">
<!--
$("#hide").click(function(){
alert('d');
$("p").hide();
});
$("#show").click(function(){
$("p").show();
});
//-->
</script>
</head>
<body>
<input type="button" id="hide" name="hide" value="hide" />
<input type="button" id="show" name="show" value="show"/>
<p>This is my JSP page.</p>
</body>
点按钮时没反应，我要怎么做，当把script放在head里时，脚本也能执行. 展开
<body>
<input type="button" id="hide" name="hide" value="hide" />
<input type="button" id="show" name="show" value="show"/>
<p>This is my JSP page.</p>dfgf
<script type="text/javascript">
<!--
$("#hide").click(function(){
alert('d');
$("p").hide();
});
$("#show").click(function(){
$("p").show();
});
//-->
</script>
</body>
上面这个可以执行想要的结果，下面这个就不行了
<script type="text/javascript">
<!--
$("#hide").click(function(){
alert('d');
$("p").hide();
});
$("#show").click(function(){
$("p").show();
});
//-->
</script>
</head>
<body>
<input type="button" id="hide" name="hide" value="hide" />
<input type="button" id="show" name="show" value="show"/>
<p>This is my JSP page.</p>
</body>
点按钮时没反应，我要怎么做，当把script放在head里时，脚本也能执行. 展开
3个回答
展开全部
你把script放到head标签体内：1.页面打开的时候会自动加载2.你在里面写的$("#hide")这样是找不到的。这也就是为什么你把script放到body里时，(因为hide按钮在body里)点击按钮有反应了。
用document.getElementById("hide")来获取到那个按钮，再去添加事件。
用document.getElementById("hide")来获取到那个按钮，再去添加事件。
本回答由网友推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
onClick事件
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
页面代码是按顺序执行下来的，按照你页面脚本的写法，脚本会在页面刚开始加载时执行，这时body部分的内容并没有加载出来，因此$("#hide")根本获取不到元素，所以没反应
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
