亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

為什么在HTML文件里少了doctype定義這句就可以實現div塊的移動?????

為什么在HTML文件里少了doctype定義這句就可以實現div塊的移動?????

qq_小柯_1 2016-03-11 19:45:29
為什么一下代碼少了<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">這句div塊就可以成功的移動了?????<html ><head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> <title>Document</title> <style type="text/css">? ? ? ? ?.class1? ? {? ? ? ? width:100px;? ? ? ? height:100px;? ? ? ? background-color:Blue;? ? ? ? position:absolute;? ? ? ? ?left:100px;? ? ? ? ? top:100px;? ? } </style> <script type="text/javascript">? ? ? ? ?function show(){? ? ? ? ? var box=document.getElementById('box');? ? ? ? ? var x = box.offsetLeft? ? ? ? ??? ? ? ? ? ? x += 0.5;//每隔40毫秒就向右移動0.5位置? ? ? ? ??? ? ? ? ? ? box.style.left = x;//為什么不可以直接使用left來計算呢因為進行加法運算時,必須是數字而left接受的值是字符串所以需要中間變量來調解? ?? ? ? ? ?}? ? ? ? ?function Move(){? ? ? ? ? setInterval('show()', 40);? ? ? ? ?} </script></head><body> <input type="button" value="右移" onclick="Move();"/> <div id="box" class="class1"></div> </body></html>
查看完整描述

4 回答

已采納
?
qq_大寒_2

TA貢獻173條經驗 獲得超185個贊

我把你那段代碼去掉doctype這句這邊可以跑了。。。我查了w3c資料http://img1.sycdn.imooc.com//56e2b6bf0001513507160133.jpg

估計和這個有關,我也說不出所以然來,應該是不支持吧。有空再去了解了解

查看完整回答
反對 回復 2016-03-11
  • qq_小柯_1
    qq_小柯_1
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">我使用了HTML 4.0版本就可以正常了
  • qq_小柯_1
    qq_小柯_1
    ,查了一下 有這個說法“每個web建議標準(比如html 4 frameset和xhtml 1.0 transitional)都有自己的dtd。 假如文檔中的標記不遵循doctype聲明所指定的dtd,這個文檔除了不能通過代碼校驗之外,還有可能無法在瀏覽器中正確顯示。對于標記不一致的問題,瀏覽器相較于校驗器來說更寬容。但是,不正確的doctype聲明經常導致網頁不正確顯示,或者導致它們根本不能顯示。 ”
  • qq_大寒_2
    qq_大寒_2
    估計不正確的doctype聲明出問題。明白了
  • 4 回答
  • 0 關注
  • 2086 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號