为什么不是'我的函数未按预期在文档加载时运行
Why isn't my function running on document load as expected?
此代码应设置元素高度;但是没有添加任何样式。我是不是错过了一些显而易见的东西?
function setGround() {
document.getElementById('content').style.height = '40px';
}
document.onload = setGround;
HTML非常基本:
<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Template</title>
<link rel="stylesheet" type="text/css" href="css/default.css"/>
<link rel="stylesheet" type="text/css" href="css/orange.css"/>
<script type="text/javascript" src="javascript/detect-css.js"></script>
</head>
<body>
<header>
<div id="logo"></div>
</header>
<section id="sidebar"><p>sf </p>
</section>
<section id="content"><p>sf </p>
</section>
</body>
</html>
谢谢你的帮助!
不要使用document.onload
,而是使用window.onload
。
请参阅http://jsfiddle.net/mowglisanu/r6NzE/
您可以使用这个:
function setGround() {
document.getElementById('content').style.height = '40px';
}
document.onload = setGround;
但是,如果你想看到变化,你应该使用以下方法在部分标签上创建边界:
<section id="content" style='border:1px solid fuchsia;' >
<p>sf </p>
</section>
您应该使用
window.onLoad = setGround;
而不是
document.onload = setGround;
您将javascript代码放在哪里了?它在detect-css.js中吗?
这项工作:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Template</title>
<link rel="stylesheet" type="text/css" href="css/default.css"/>
<link rel="stylesheet" type="text/css" href="css/orange.css"/>
<script language="javascript">
function resize(){
document.getElementById("content").style.height='100px';
}
</script>
</head>
<body onload="resize()">
<header><div id="logo"></div></header>
<section id="sidebar"><p>sf </p>
</section>
<section id="content" style="background-color:#CCC; display:block;"><p>sf </p>
</section>
</body>
</html>
相关文章:
- BrowserId登录请求在文档加载时被调用
- JS触发器值检查在文档加载后添加到页面的元素在加载时更改AND
- 在文档加载Tampermonkey时单击事件激发
- 为什么不是'我的函数未按预期在文档加载时运行
- Focusout 仅在文档加载时触发,并且不会再次触发
- 在文档加载时禁用 JCrop
- 为什么当文档加载 jQuery 时我不能直接调用函数
- 在文档加载和函数调用时,行的选择方式不同
- jQuery没有't使用文档加载后创建的元素
- 将文档加载到 iframe jquery 中
- 在文档加载时使用 JQuery 在下拉字段中设置默认值
- 将 CSS 添加到文档加载后创建的元素
- jQuery 追加文档加载,追加两次,似乎不会等到文档加载完毕
- 文档加载对我不起作用
- 更少:文档加载后加载的文件上的“修改变量”
- 如何在文档加载后加载此 javascript 函数
- j查询文档加载时,每 3 秒检查一次并重新加载
- 如何检测文档加载已通过javascript启动
- JQuery函数未在文档加载时执行
- Jquery反弹动画函数来处理文档加载