87,910
社区成员
发帖
与我相关
我的任务
分享
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>无标题页</title>
<style type="text/css">
body
{
font-family:"宋体";
font-size:12px;
}
</style>
<script language="javascript" type="text/javascript">
document.getElementById("divTest").innerHTML="Hello World";
//页面加载完这段javascript代码的时候,就开始运行了,但是,下面的id为divTest div标签还未加载,所以找不到它
</script>
</head>
<body>
<div id="divTest">
</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>无标题页</title>
<style type="text/css">
body
{
font-family:"宋体";
font-size:12px;
}
</style>
</head>
<body>
<div id="divTest">
</div>
<script language="javascript" type="text/javascript">
document.getElementById("divTest").innerHTML="Hello World";
//把这段代码移到divTest的下面,加载完divTest标签后,再执行document.getElementById("divTest")就找到了
</script>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>无标题页</title>
<style type="text/css">
body
{
font-family:"宋体";
font-size:12px;
}
</style>
<script language="javascript" type="text/javascript">
window.onload=function()
{
document.getElementById("divTest").innerHTML="Hello World";
// 不过,最佳建议,是你把一些初始化代码放到window.onload中,页面加载所有内容后,再开始运行,这样就没有问题了
}
</script>
</head>
<body>
<div id="divTest">
</div>
</body>
</html>