由DOCTYPE造成的Javascript运行错误问题之解决方法

当前位置：点晴教程→知识管理交流 →『技术文档交流』

Ccoffee

2013年12月1日 7:45 本文热度 4764

[align=left] 每个标准的网页最顶部都有[/align]

[align=left][/align]

[xhtml] view plain copy

>

[align=left]这段话，但是有时它会造成你的javascript脚本不执行，怎么解决呢？当然删掉这句话是可以解决的，但那样肯定不是最好的解决方法。[/align]

[align=left]doctype是document type(文档类型)的简写，用来说明你用的xhtml或者html是什么版本。其中的dtd(例如上例中的xhtml1- transitional.dtd)叫文档类型定义，里面包含了文档的规则，浏览器就根据你定义的dtd来解释你页面的标识，并展现出来。要建立符合标准的网页，doctype声明是必不可少的关键组成部分；除非你的xhtml确定了一个正确的doctype，否则你的标识和css都不会生效。[/align]

[align=left]下面这段代码是制作一个网页对联式浮动层的：[/align]

[align=left][/align]

[xhtml] view plain copy

>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312">
<title>浮动广告窗口title>
<script language="javascript">

var advinittop=0;
var closeinittop=0;
function inix( )
{
advinittop=document.getelementbyid("advlayer1").style.pixeltop;
advinittop=document.getelementbyid("advlayer2").style.pixeltop;
closeinittop=document.getelementbyid("closelayer1").style.pixeltop;
closeinittop=document.getelementbyid("closelayer2").style.pixeltop;
}
function move( )
{
document.getelementbyid("advlayer1").style.pixeltop=advinittop+document.body.scrolltop ;
document.getelementbyid("closelayer1").style.pixeltop=closeinittop+document.body.scrolltop ;
document.getelementbyid("advlayer2").style.pixeltop=advinittop+document.body.scrolltop ;
document.getelementbyid("closelayer2").style.pixeltop=closeinittop+document.body.scrolltop ;

}
function closeme( )
{

document.getelementbyid("closelayer1").style.display="none";
document.getelementbyid("advlayer1").style.display="none";
document.getelementbyid("closelayer2").style.display="none";
document.getelementbyid("advlayer2").style.display="none";

}

window.onscroll=move ; //窗口的滚动事件，当页面滚动时调用move( )函数
script>

<style type="text/css">