2010-10-02 77 views
3

如何在装入内容后更改主体元素的尺寸(宽度,高度)?使用JavaScript更改主体的尺寸

限制:

  • 只针对WebKit浏览器
  • 不能使用框架,像jQuery
  • 不能更改原来的HTML文件;只有在内容加载后才执行JavaScript。
+0

这听起来像一个CSS问题... – 2010-10-02 12:10:27

回答

4
window.addEventListener("load", function() { 
    document.body.style.width = '600px'; 
}, false); 
+1

工程就像一个魅力。谢谢! – hpique 2010-10-02 12:27:21

2

您可以在<body>标记中使用onload JS事件。 例如:<body onload="ResizeBody();">。 和函数可能看起来像这样:

function ResizeBody() { 
    document.body.style.width=your_width; 
    document.body.style.height=your_height; 
} 

现在它的工作原理,比较遗憾的是以前的错误(在树失踪style)。

+1

的问题说,他不能改变的HTML文件: – 2010-10-02 12:14:48

+1

函数执行,但页面是一样的,不管我用什么样的价值观。 – hpique 2010-10-02 12:15:54

+0

@Nick Craver我可以在页面加载后执行javascript,但是。将澄清。 – hpique 2010-10-02 12:17:24