Javascript不影响HTML元素_Javascript_Html_Css

Javascript不影响HTML元素

javascript html css

Javascript不影响HTML元素,javascript,html,css,Javascript,Html,Css,这是一个简单的网页。当浏览器调整大小时，文本区域的宽度为什么不改变 <!DOCTYPE html> <html> <head> <script type="text/javascript"> function resize() { document.getElementById("main").style.width=window.innerWidth; } window.onresize = resize;

这是一个简单的网页。当浏览器调整大小时，文本区域的宽度为什么不改变

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
    function resize() {
        document.getElementById("main").style.width=window.innerWidth;
    }
    window.onresize = resize;
    window.onload = resize;
</script>
</head>
<body style="margin:0; padding:0;">
<textarea id="main" style="margin:0; padding:0; border:0;" >It was a dark and stormy night, and the rain came pouring down... </textarea>
</body>
</html>


函数resize（）{
document.getElementById（“main”）.style.width=window.innerWidth；
}
window.onresize=调整大小；
window.onload=调整大小；
那是一个漆黑的暴风雨之夜，下起了倾盆大雨。。。
样式.宽度需要设置一个单位，如px

document.getElementById("main").style.width=window.innerWidth + "px";

style.width
需要设置一个单位，如px

document.getElementById("main").style.width=window.innerWidth + "px";

试试这个：
<!DOCTYPE html>
<html>
<head>
</head>
<body style="margin:0; padding:0;">
<textarea id="main" style="margin:0; padding:0; border:0;" >It was a dark and stormy night, and the rain came pouring down... </textarea>
<script type="text/javascript">
    function resize() {
        document.getElementById("main").style.width=window.innerWidth + 'px';
    }
    window.onresize = resize;
    window.onload = resize;
</script>
</body>
</html>


那是一个漆黑的暴风雨之夜，下起了倾盆大雨。。。
函数resize（）{
document.getElementById（“main”）.style.width=window.innerWidth+'px'；
}
window.onresize=调整大小；
window.onload=调整大小；
试试这个：
<!DOCTYPE html>
<html>
<head>
</head>
<body style="margin:0; padding:0;">
<textarea id="main" style="margin:0; padding:0; border:0;" >It was a dark and stormy night, and the rain came pouring down... </textarea>
<script type="text/javascript">
    function resize() {
        document.getElementById("main").style.width=window.innerWidth + 'px';
    }
    window.onresize = resize;
    window.onload = resize;
</script>
</body>
</html>


那是一个漆黑的暴风雨之夜，下起了倾盆大雨。。。
函数resize（）{
document.getElementById（“main”）.style.width=window.innerWidth+'px'；
}
window.onresize=调整大小；
window.onload=调整大小；
将您的线路替换为：
document.getElementById("main").style.width=window.innerWidth + 'px';

将您的线路替换为：
document.getElementById("main").style.width=window.innerWidth + 'px';

@Phil OP正在加载它…它怎么不在那里？要是我们能否决评论就好了。略读问题是不可取的：）谢谢大家，他们给出了正确的答案。我对这些东西有点生疏了。@WhiteHotLoveTiger用一个“接受”来感谢最好的答案@Phil，我在过去的7分钟里一直在努力……：）@Phil OP正在加载它…它怎么不在那里？要是我们能否决评论就好了。略读问题是不可取的：）谢谢大家，他们给出了正确的答案。我对这些东西有点生疏了。@WhiteHotLoveTiger用一个“接受”来感谢最好的答案@Phil，我在过去的7分钟里一直在努力……：）这将如何解决问题？好的，我收回了我的否决票，但为什么要将脚本移到文本区域下方？正如问题下的注释所述，它在window.onload
和window.onresize
上运行。该元素在函数执行时存在。诚然，这不会伤害任何东西，但建议这样做应该是有原因的。@Travesty3这是我使用javascript确保代码始终运行的习惯，即使不是“onload”。我认为改变是很好的。我认为，与其只是添加一段代码作为答案，不如将它解决问题的原因包括在内。但是我的英语不是很好。我是越南人：D。我会非常努力的，谢谢提醒。这将如何解决问题？好的，我收回了我的否决票，但为什么要将脚本移到文本区域下方？正如问题下的注释所述，它在window.onload
和window.onresize
上运行。该元素在函数执行时存在。诚然，这不会伤害任何东西，但建议这样做应该是有原因的。@Travesty3这是我使用javascript确保代码始终运行的习惯，即使不是“onload”。我认为改变是很好的。我认为，与其只是添加一段代码作为答案，不如将它解决问题的原因包括在内。但是我的英语不是很好。我是越南人：D。我会努力的，谢谢你的提醒。