`

文档声明<!DOCTYPE html>导致document.body.offsetHeight取值为0

阅读更多

 

关于通过JS获取窗口高度和宽度的问题,如果使用了文档声明(<!DOCTYPE html>),则取得document.body.offsetHeight的值是0,删除文档声明后,则可以取得正确的值,可见文档声明对JS是有影响的,时间关系没有详细调查,下面的一篇文档可以作为参考。

 

DOCTYPE声明对JS获取窗口宽度和高度的影响

分享到:
评论

相关推荐

    HTML !DOCTYPE 标签 声明HTML版本

    DOCTYPE&gt; 声明,这样浏览器才能获知文档类型。 HTML 4.01 与 HTML5 之间的差异 在 HTML 4.01 中有三种 &lt;!DOCTYPE&gt; 声明。在 HTML5 中只有一种: &lt;!DOCTYPE html&gt; HTML 元素和文档类型(Doctype) 提示和注释 ...

    HTML和XHTML的联系与区别,文档类型<!DOCTYPE>

    DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"&gt;`,而XHTML 1.0的声明可能为`&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ...

    网页 DOCTYPE html标签的作用1

    DOCTYPE&gt;` 是一个非常重要的声明,它的主要作用是告诉浏览器文档遵循的HTML或XHTML规范版本,以便浏览器能够正确地解析和渲染页面内容。这个声明位于HTML文档的开头,且必须在 `&lt;html&gt;` 标签之前。 `&lt;!DOCTYPE html...

    为什么使用DOCTYPE HTML

    DOCTYPE HTML 是HTML文档中的一个重要声明,它告诉浏览器文档遵循的HTML或XHTML规范。这个声明位于HTML文档的开头,通常在`&lt;html&gt;`标签之前。它的作用在于确保浏览器以正确的方式解析和渲染网页内容。 在没有...

    文章配套网页源代码-HTML <!DOCTYPE> 声明

    博客文章: 关于HTML中的 &lt;!DOCTYPE&gt; 声明 文章配套示例HTML源代码 内容说明:DOCTYPE是Document Type(文档类型)的简写,要想制作符合标准的HTML页面,一个必不可少的关键组成部分就是DOCTYPE声明。

    WEB开发 之 JavaScript HTML DOM - 改变 HTML.docx

    在这个例子中,JavaScript通过`getElementById()`方法找到了id为"p1"的`&lt;p&gt;`元素,并将其`innerHTML`属性更改为"Newtext!",从而改变了该段落的内容。 同样,`innerHTML`也可以用来创建动态内容,比如: ```html ...

    火狐、谷歌、IE关于document.body.scrollTop和document.documentElement.scrollTop 以及值为0的问题

    在探讨“火狐、谷歌、IE关于`document.body.scrollTop`和`document.documentElement.scrollTop`以及值为0的问题”这一主题时,我们深入分析了浏览器在处理页面滚动位置时的不同行为,尤其是当滚动位置值始终为0时的...

    HTML !DOCTYPE 标签.docx

    DOCTYPE&gt;`标签是文档类型声明,它在HTML或XHTML文档的开头,用于告诉浏览器文档遵循的HTML或XHTML规范。这个声明非常重要,因为它会影响浏览器如何解析和渲染页面内容。`&lt;!DOCTYPE&gt;`标签没有闭合标签,即它不需要以`...

    web开发设计教程,常用指令讲解,实际案例资源代码详细讲解并附注释.txt

    标签:如&lt;html&gt;、&lt;head&gt;、&lt;body&gt;、&lt;h1&gt;到&lt;h6&gt;(标题)、&lt;p&gt;(段落)、&lt;a&gt;(链接)、&lt;img&gt;(图像)等。 示例代码: &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;我的网页&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;h1&gt;欢迎来到我的网页&lt;/...

    以下是一个简单的HTML网页代码示例

    DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;title&gt;我的网页&lt;/title&gt;&lt;/head&gt;&lt;body&gt; &lt;h1&gt;欢迎来到我的网页&lt;/h1&gt; &lt;p&gt;这是一个简单的HTML网页示例。&lt;/p&gt; &lt;ul&gt; &lt;li&gt;列表项1&lt;/li&gt; &lt;li&gt;列表项2&lt;/li&gt; &lt;li&gt;列表项3&lt;/li&gt; &lt;/ul&gt;&lt;/body&gt;&lt;/html&gt;...

    HTML5小例程 JAVASCRIPT

    &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8" /&gt; ... &lt;body&gt; &lt;img src="logo.jpg" id="avatar" title="logo" alt="low_key" /&gt; &lt;script src="grayscale.js"&gt;&lt;/script&gt; &lt;/body&gt; &lt;/html&gt;

    !DOCTYPE....docx

    DOCTYPE html&gt;`,这是HTML5文档的声明,它告诉浏览器使用HTML5版本来解析文档。 接下来是HTML文档结构,包括`&lt;html&gt;`元素、`&lt;head&gt;`元素和`&lt;body&gt;`元素。其中,`&lt;head&gt;`元素用于存放文档的元数据,如字符编码、标题...

    index.html

    -- charset="UTF-8":声明该文档的字符编码集是UTF-8,如果不写,就会导致中文乱码 --&gt; &lt;!-- mate标签可以描述该文档的作者,项目说明,关键词等等的一些元信息 --&gt; &lt;meta charset="UTF-8"&gt; &lt;!-- 该文档的标题标签...

    HTML标签大全

    &lt;body&gt;文档主体 &lt;h1&gt; to &lt;h6&gt; HTML 标题 &lt;p&gt;段落 &lt;br&gt;换行 &lt;hr&gt;水平线 &lt;!--...--&gt;注释 --文本 &lt;b&gt;粗体文本 &lt;font&gt;不赞成用。文本字体、尺寸和颜色 &lt;i&gt;斜体文本 &lt;em&gt;强调文本 &lt;big&gt;大文本 &lt;strong&gt;强烈强调文本 ...

    DTD教程,来自3cSchool

    DOCTYPE note [...]&gt;`定义了文档类型为`note`,并且规定了`note`元素包含`to`、`from`、`heading`和`body`这四个子元素,每个子元素都允许包含字符数据(#PCDATA)。 外部DTD则将DTD定义存储在单独的文件中,然后在...

    DTD学习教程.pdf

    DOCTYPE note&gt;`定义了这是一个`note`类型的文档,而`&lt;!ELEMENT note&gt;`等则定义了`note`元素及其子元素`to`, `from`, `heading`, `body`的结构和类型。 外部DTD声明的语法如下: ```xml &lt;!DOCTYPE root-element ...

    跨域的三个html例子

    &lt;body&gt; &lt;script&gt; fetch('http://other-origin.com/api') .then(response =&gt; response.json()) .then(data =&gt; console.log(data)) .catch(error =&gt; console.error(error)); &lt;/script&gt; &lt;/body&gt; &lt;/html&gt; ``` 2. **...

    基于java开发的JSP例题

    3. **脚本元素**:包括声明(变量、方法)、表达式(${...},输出Java表达式的值)和脚本块(&lt;%...%&gt;,执行Java代码)。 4. **内置对象**:JSP提供了九个内置对象,如request、response、session、application等,...

    XML应用开发(软件品牌)-1期 第2单元 单元测试卷答案-使用DTD定义XML文档.doc

    在XML应用开发中,DTD(Document Type Definition)是定义XML文档结构的重要工具,它规定了XML文档中元素和属性的合法组合。 在上述的单元测试卷中,重点考察了使用DTD定义XML文档的相关知识。首先,我们来看填空题...

    儿童节快乐代码.rar

    &lt;body&gt; &lt;h1 id="greeting"&gt;&lt;/h1&gt; &lt;script&gt; document.getElementById('greeting').textContent = '儿童节快乐!'; &lt;/script&gt; &lt;/body&gt; &lt;/html&gt; 3. CSS 样式(可以配合HTML使用) css /* styles.css */ body...

Global site tag (gtag.js) - Google Analytics