当前位置: 代码迷 >> JavaScript >> 在html页面加上DTD与不加DTD的差异,该怎么解决
  详细解决方案

在html页面加上DTD与不加DTD的差异,该怎么解决

热度:87   发布时间:2012-05-21 18:04:41.0
在html页面加上DTD与不加DTD的差异
比如这样一段代码:
JScript code

<script type="text/javascript">
//<![CDATA[
    function show(){
        alert("hello,world");
    }
    document.body.onmousedown=show;

//]]</script>


如果在html页面加上了DTD就运行不了,如果去掉了,就可以有效弹出,这个问题只是发生在body标签上,就是body标签上加上的事件句柄,如果html上有DTD,就不能运行,去掉了DTD,却又可以了,求解.其他标签没有问题,就是body标签出问题了

------解决方案--------------------
标准html模板都加dtd的
------解决方案--------------------
DTD 下 body内容的高度就是body的高度。

比如 ,这个例子,点击div之外 是不能调show函数的

HTML code

<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="gb2312" />
        <title></title>

        <style>
            div{
                height:200px; border:1px solid red;
            }
        </style>
    </head>
    <body>
        <div>div</div>
        <script type="text/javascript">
        //<![CDATA[
            function show(){
                alert("hello,world");
            }
            document.body.onmousedown=show;
        //]]</script>
    </body>
</html> 
  相关解决方案