javascript 函数执行问题
代码1：这是失败的代码，initTwo();没有发挥其功能window.onload=initOne;initTwo();functioninitOne(){docume...
代码1：这是失败的代码，initTwo();没有发挥其功能
window.onload=initOne;
initTwo();
function initOne() {
document.getElementById("pageBody").style.backgroundColor = "#00F";
}
function initTwo() {
document.getElementById("pageBody").style.color = "#F00";
}
代码2：这是成功的代码，initTwo();发挥了它的作用
window.onload=initOne;
function initOne() {
initTwo();
document.getElementById("pageBody").style.backgroundColor = "#00F";
}
function initTwo() {
document.getElementById("pageBody").style.color = "#F00";
}
为什么initTwo();在函数内部就能执行，而在外部就不行？？ 展开
window.onload=initOne;
initTwo();
function initOne() {
document.getElementById("pageBody").style.backgroundColor = "#00F";
}
function initTwo() {
document.getElementById("pageBody").style.color = "#F00";
}
代码2：这是成功的代码，initTwo();发挥了它的作用
window.onload=initOne;
function initOne() {
initTwo();
document.getElementById("pageBody").style.backgroundColor = "#00F";
}
function initTwo() {
document.getElementById("pageBody").style.color = "#F00";
}
为什么initTwo();在函数内部就能执行，而在外部就不行？？ 展开
2个回答
展开全部
原因不是在不在函数内部,而是你第一段代码中的initTwo调用是立即执行的,但这时浏览器应该还没有准备好pageBody,找不到对象自然要出错的.你应该在pageBody的HTML代码后面再调用initTwo,这样才可以.而第二段代码,由于initOne是在页面全部加载完成以后才执行的,这时浏览器已经为脚本准备好pageBody对象,访问它自然不会出错.
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
原因很简单：window.onload是指页面加载完成后执行的意思！
如果你要想让initTwo生效的话，就得把它放在pageBody该元素已经创建完的后面执行！
如：
<html>
<head>
<scrpit>
function initOne() {
document.getElementById("pageBody").style.backgroundColor = "#00F";
}
function initTwo() {
document.getElementById("pageBody").style.color = "#F00";
}
</script>
</head>
<body>
<div id="pageBody">测试一下</div>
<script>
initOne() ;
initTwo();
</script>
</body>
<html>
或者用window.onload如下：
<html>
<head>
<scrpit>
function initOne() {
document.getElementById("pageBody").style.backgroundColor = "#00F";
}
function initTwo() {
document.getElementById("pageBody").style.color = "#F00";
}
window.onload=function(){
initOne() ;
initTwo();
}
</script>
</head>
<body>
<div id="pageBody">测试一下</div>
</body>
<html>
如果你要想让initTwo生效的话，就得把它放在pageBody该元素已经创建完的后面执行！
如：
<html>
<head>
<scrpit>
function initOne() {
document.getElementById("pageBody").style.backgroundColor = "#00F";
}
function initTwo() {
document.getElementById("pageBody").style.color = "#F00";
}
</script>
</head>
<body>
<div id="pageBody">测试一下</div>
<script>
initOne() ;
initTwo();
</script>
</body>
<html>
或者用window.onload如下：
<html>
<head>
<scrpit>
function initOne() {
document.getElementById("pageBody").style.backgroundColor = "#00F";
}
function initTwo() {
document.getElementById("pageBody").style.color = "#F00";
}
window.onload=function(){
initOne() ;
initTwo();
}
</script>
</head>
<body>
<div id="pageBody">测试一下</div>
</body>
<html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
