Javascript 适用于 doctype html4，但不适用于 html5

Javascript works with doctype html4 but not html5

本文关键字：适用于 不适用 html5 html4 doctype Javascript      更新时间：2023-09-26

我尝试运行脚本狂热中可用的几个"落雪背景"类型的脚本。 只是javascript，没有jquery。

令我感到困惑的是，其中一些在IE中工作正常，但是当文档类型设置为HTML5时，无法在FF，Chrome或Safari中动画化。 当文档类型设置为 HTML 4.0 过渡时，脚本会在上述任何浏览器中运行。

下面是指向具有此行为的几个脚本的链接：

http://rainbow.arch.scriptmania.com/scripts/bg/snow_fall.html

http://rainbow.arch.scriptmania.com/scripts/bg/autumn_fall_timeout.html

有关故障和/或修复的根本原因的任何指示将不胜感激。

没有URL组件的HTML 4.01过渡文档类型在浏览器中触发Quirks模式。

HTML 5 Doctype 在浏览器中触发标准模式。

在Quirks模式下，模拟了旧浏览器（从1990年代开始）的许多错误。

对任何这些错误的依赖都可能是问题的原因，但最有可能的是某些东西正在设置一个 CSS 属性，该属性需要长度但给它一个数字。0以外的长度需要单位（如 23px ）。

Web Oficial：

http://rainbow.arch.scriptmania.com/scripts/bg/snow_fall_2.html

下载：

http://rainbow.arch.scriptmania.com/scripts/bg/snowstorm.js

法典：

<!-- SNOW TAGS START -->
<!-- Copy the <script> tag into your own page(s) for the snow effect. That is all! (No CSS etc. is needed) -->
<script type="text/javascript" src="snowstorm.js"></script>
<!-- now, we'll customize the snowStorm object -->
<script type="text/javascript">
snowStorm.flakesMaxActive = 95; // show more snow on screen at once
snowStorm.snowStick = true; // When false, snow will never sit at the bottom
snowStorm.animationInterval = 33; // 20 = fast + smooth, but 50 = more but slower
</script>
<!-- SNOW TAGS END -->

打开你的文件暴风雪.js是去第41行

以前：

this.zIndex = 0; 应用于每片雪花的 CSS 堆叠顺序

后：

this.zIndex = 1000; 应用于每片雪花的 CSS 堆叠顺序

问题身体层是看

不见雪意味着0是没有，所以需要换成1000是可以看前面的身体前面显示雪。

英语不好

圣诞快乐 2014 和新年 2015 ;-）

相关文章：