为何图片一定要放到HEAD中,才能正确显示?
日期：2014-05-18 浏览次数：20702 次
为什么图片一定要放到HEAD中,才能正确显示???
<HTML>
<HEAD>
<TITLE> </TITLE>
<img src= "about:blank " id= "fileChecker " alt= "test " height= "18 "/>
<script type= "text/javascript ">
var oFileChecker = document.getElementById( "fileChecker ");
function changeSrc(filePicker)
{
oFileChecker.src = filePicker.value;
}
oFileChecker.onreadystatechange = function ()
{
if (oFileChecker.readyState == "complete ")
{
checkSize();
}
}
function checkSize()
{
var limit = document.getElementById( "fileSizeLimit ").value * 1024;
if (oFileChecker.fileSize > limit)
{
alert( "too large ");
}
else
{
alert( "ok ");
}
}
</script>
</HEAD>
<BODY>
<input type= "file " name= "file1 " id= "file1 " size= "40 " onchange= "changeSrc(this) "/>
<input type= "text " size= "4 " value= "10 " name= "hndnn " id= "fileSizeLimit "/> K
</BODY>
</HTML>
这样放置运行正确,但把 <img src= "about:blank " id= "fileChecker " alt= "test " height= "18 "/> 放入BODY中时就不行了,好象是因为oFileChecker取不到值,document.getElementById( "fileChecker ")定义有错吗????
------解决方案--------------------
因为页面执行的时候是从上往下执行的，所以你把 <img src= "about:blank " id= "fileChecker " alt= "test " height= "18 "/> 放入BODY中，它就不能识别，所以会出现错误，
<HTML>
<HEAD>
<TITLE> </TITLE>
</HEAD>
<BODY>
<img src= "about:blank " id= "fileChecker " alt= "test " height= "18 "/>
<input type= "file " name= "file1 " id= "file1 " size= "40 " onchange= "changeSrc(this) "/>
<input type= "text " size= "4 " value= "10 " name= "hndnn " id= "fileSizeLimit "/> K
</BODY>
</HTML>
<script type= "text/javascript ">
var oFileChecker = document.getElementById( "fileChecker ");
function changeSrc(filePicker)
{
oFileChecker.src = filePicker.value;
}
oFileChecker.onreadystatechange = function ()
{
if (oFileChecker.readyState == "complete ")
{
checkSize();
}
}
function checkSize()
{
var limit = document.getElementById( "fileSizeLimit ").value * 1024;
if (oFileChe
<HTML>
<HEAD>
<TITLE> </TITLE>
<img src= "about:blank " id= "fileChecker " alt= "test " height= "18 "/>
<script type= "text/javascript ">
var oFileChecker = document.getElementById( "fileChecker ");
function changeSrc(filePicker)
{
oFileChecker.src = filePicker.value;
}
oFileChecker.onreadystatechange = function ()
{
if (oFileChecker.readyState == "complete ")
{
checkSize();
}
}
function checkSize()
{
var limit = document.getElementById( "fileSizeLimit ").value * 1024;
if (oFileChecker.fileSize > limit)
{
alert( "too large ");
}
else
{
alert( "ok ");
}
}
</script>
</HEAD>
<BODY>
<input type= "file " name= "file1 " id= "file1 " size= "40 " onchange= "changeSrc(this) "/>
<input type= "text " size= "4 " value= "10 " name= "hndnn " id= "fileSizeLimit "/> K
</BODY>
</HTML>
这样放置运行正确,但把 <img src= "about:blank " id= "fileChecker " alt= "test " height= "18 "/> 放入BODY中时就不行了,好象是因为oFileChecker取不到值,document.getElementById( "fileChecker ")定义有错吗????
------解决方案--------------------
因为页面执行的时候是从上往下执行的，所以你把 <img src= "about:blank " id= "fileChecker " alt= "test " height= "18 "/> 放入BODY中，它就不能识别，所以会出现错误，
<HTML>
<HEAD>
<TITLE> </TITLE>
</HEAD>
<BODY>
<img src= "about:blank " id= "fileChecker " alt= "test " height= "18 "/>
<input type= "file " name= "file1 " id= "file1 " size= "40 " onchange= "changeSrc(this) "/>
<input type= "text " size= "4 " value= "10 " name= "hndnn " id= "fileSizeLimit "/> K
</BODY>
</HTML>
<script type= "text/javascript ">
var oFileChecker = document.getElementById( "fileChecker ");
function changeSrc(filePicker)
{
oFileChecker.src = filePicker.value;
}
oFileChecker.onreadystatechange = function ()
{
if (oFileChecker.readyState == "complete ")
{
checkSize();
}
}
function checkSize()
{
var limit = document.getElementById( "fileSizeLimit ").value * 1024;
if (oFileChe
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
