关于jsp页面中，js代码写在哪个位置的问题。

JavaDoding 2012-06-01 11:00:23

<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="${ pageContext.request.contextPath }/js/jquery-1.7.js"></script>
<script type="text/javascript">
var list = document.getElementById("list"); //当我放在这的时候，alert结果为空
alert(list);
var oli = list.getElementsByTagName("li"); //这里如果我把上面改为$("#list")，那么会报没有这个function。
alert(oli);
</script>
</head>
<body>
<div id="div">s</div>
<ul id="list">
<li>
<a href="" title="iphone_ios">苹果</a>
<div class="popDiv">

</div>
</li>
<li>
<a href="" title="安卓_java">google</a>
<div class="popDiv">

</div>
</li>
<li>
<a href="" title="wp">微软</a>
<div class="popDiv">

</div>
</li>
<li>
<a href="" title="mysql">甲骨文</a>
<div class="popDiv">

</div>
</li>
<li>
<a href="" title="全球最大的社交网站">facebook</a>
<div class="popDiv">

</div>
</li>
</ul>
<script type="text/javascript">
var list = document.getElementById("list"); //放在这里就能拿到。
alert(list);
var oli = list.getElementsByTagName("li");
alert(oli);
</script>
</body>
</html>

把js代码，放在上面和下面有什么区别呢？

...全文

3714 5 打赏收藏转发到动态举报

写回复

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

猿敲月下码 2012-06-01

打赏
举报

回复

1L正解,DOM树是自上而下顺序加载的,如果在head里面直接运行js代码的话,这个时候body部分还没加载,这样就会取不到里面的元素

通常是等到DOM树全部加载完后在执行js
window.onload=function(){
///...
}

$(function(){
//...
})

dxndsc 2012-06-01

打赏
举报

回复

[Quote=引用楼主的回复:]
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html……
[/Quote]

给力

在路上_等你 2012-06-01

打赏
举报

回复

[Quote=引用 1 楼的回复:]

js操作dom，需要等dom加载完毕后才可以进行操作。

写在上面也可以
window.onload = function(){
// your code
}
意思就是等页面加载完毕在执行js
[/Quote]
正解

三石-gary 2012-06-01

打赏
举报

回复

[Quote=引用 1 楼的回复:]

js操作dom，需要等dom加载完毕后才可以进行操作。

写在上面也可以
window.onload = function(){
// your code
}
意思就是等页面加载完毕在执行js
[/Quote]
+11

001007009 2012-06-01

打赏
举报

回复

js操作dom，需要等dom加载完毕后才可以进行操作。

写在上面也可以
window.onload = function(){
// your code
}
意思就是等页面加载完毕在执行js

ajax等本课程jsp部分介绍：Servlet底层，jsp的底层原理，jsp与servlet的区别，jsp页面如何插入java代码，jsp中的3个指令、7个动作，9个内置对象的使用，EL表达式，JSTL标签，如何自定义标签，MVC模式，jsp+servlet...

一说明尽管现在的趋势是前后端彻底分离的开发模式，但是熟悉一下以前的一些内容也未尝不可。二具体实现事实上这个是非常容易实现的，因为在.jsp页面里面写java代码本身就很简单，下面就是所有例子。 1. User类 package cn.smileyan.domain; public class User { private String username; priv...

jsp页面中的代码执行加载顺序介绍1. java是在服务器端运行的代码，jsp在服务器的servlet里运行，而javascript和html都是在浏览器端运行的代码。所以加载执行顺序是是java>jsp>js。2. js在jsp中的加载顺序页面上的js代码时html代码的一部分，所以页面加载的时候是由上而下加载。所以js加载的顺序也就是页面中标签出现的顺序。标签里面的或者是引入的外部...

jsp页面中js代码与java代码的相互调用一、在js中调用java变量（表达式形式）方式：直接调用，但要注意字符串中的双引号"替换为单引号' 例1 var str = ""; var arr = (str); window.onload = function(){ for(var i=0;i //to do something } } 例

在JSP页面中可以通过脚本元素编写java代码，下面本篇文章就来带大家认识一下JSP的脚本元素，了解在JSP页面内编写java代码的方法，希望对大家有所帮助。Java Server Page(JSP)是一种通过使用servlet来控制Web页面内容或外观的技术。在Web页面中指定并在Web服务器上运行的小程序，用于在将Web页面发送给请求它的用户之前对其进行修改。【视频教程推荐：Java教程】JS...

87,909

社区成员

224,616

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章