Question

<!DOCTYPE html>
<html>
<head>

</head>
<body>
 <img src="nove.png" alt="" width="352" height="277" id="imageResize"  />
<div id="result"></div>
<script>


o = document.getElementById("imageResize");

o.style.padding = 500;
document.getElementById("result").innerHTML=o.style.width;
</script>

</body>
</html>

这是简单的网页。无论有没有<!DOCTYPE html>，都可以在您的电脑上试用。为什么它不同？为什么javascript无法使用<!DOCTYPE html>？

Answer 1

CSS填充属性采用长度而不是整数。

500 + 'px'

如果没有Doctype，浏览器会输入Quirks mode并模拟古老的错误浏览器，这些浏览器不会强制执行规范的这一部分。

Answer 2

这很可能是浏览器的行为

首先，它正在工作，尝试提醒一些事情并且它有效

我不知道为什么其余的代码在HTML5文档类型中不起作用，但是当你删除doctype时，也许浏览器试图用其他实际上与js代码一起工作的东西来弥补html5 doctype

javascript无法使用doctype

2 个答案: