今天写的一个jsp页面引用外部javascript文件没效果,而放入jsp文件内就有用。上网查原因,发现,原来是我的javascript里面,有直接操作页面元素的代码,所以不能在head里面引用 ,而应该放到body内引用。
代码:
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>公告滚动</title>
<link href="CSS\notice.css" type="text/css" rel="stylesheet">
</head>
<body>
<div class="case">
<div class="part1">
<img src="img/timg.jpg">
</div>
<div class="part2" id="part2">
<div id="scroll1">
<ul>
<li>不要被别人表现出来的毫不费力所迷惑,你要知道,那些信手拈来的东西,一定有拼尽全力作为支撑。</li>
<li>这个世界上,天才好像真的没有那么多。</li>
<li>而我希望,自己也可以在别人看不见的地方不动声色的努力,在关键时刻出其不意的傲娇绽放。</li>
<li>这个年纪我不在将就。</li>
</ul>
</div>
<div id="scroll2"></div>
</div>
</div>
<script src="js/notice.js"></script>
</body>
</html>
<script src="js/notice.js"></script>语句放在body里就可以,在head就不行。成功了