script在html文档中放置位置的问题,还有dom具体是怎么回事?详细点,谢谢。

<!DOCTYPE html>
<html>
<head>
<script>
function myFunction()
{
document.getElementById("demo").innerHTML="My First JavaScript Function";
}
</script>
</head>

<body>

<h1>My Web Page</h1>

<p id="demo">A Paragraph.</p>

<button type="button" onclick="myFunction()">点击这里</button>

</body>
</html>
这个程序可以执行。这个程序script放在head里。
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

<!DOCTYPE html>
<html>
<head>
</head>
<body>

<p>点击按钮就可以执行 <em>displayDate()</em> 函数。</p>

<button id="myBtn">点击这里</button>

<script>
document.getElementById("myBtn").onclick=function(){displayDate()};
function displayDate()
{
document.getElementById("demo").innerHTML=Date();
}
</script>

<p id="demo"></p>

</body>
</html>
这个script放在如上位置也可以执行,但是放在head里或者放在body的前部就没有click的效果了,怎么回事?还有那个function()函数是怎么回事?为什么直接displayDate()就不行?

html加载顺序是从上往下,所以你放在body前面时,你的button还没加载出来,肯定就有问题。至于为什么放在head里面可以,应该是优先加载了dom元素的问题;最后一个问题,你把displayDate()改成displayDate试试,即去掉括号。追问

大神,你真厉害!html什么时候优先加载dom元素呢,我看第一个程序没有什么特殊的地方。
最后一个问题,我把displayDate()改成displayDate试试后果然行了,我是五体投地了,这是怎么回事?为什么呢?谢谢

追答

我不是大神,0.0,我就一屌丝,上班闲时来知道打发时间的
读取顺序你可以在网上找找资料,而用displayDate能行,这是js语法。记住就可以了。

温馨提示:答案为网友推荐,仅供参考
第1个回答  2013-10-22
楼主问的这些东西建议去w3school看一下 那边的文档很全
script这个问题需要去看JavaScript
DOM 这个问题需要去看 HTML DOM追问

我就是在这个网站上看的,上面实例比较多,但是语法讲的不是很详细,我现在是一头雾水啊,看完实例有些只能死搬硬套。

追答

DOM 看不懂的话 我觉得先不去看 其实就是节点,我觉得那上边讲的DOM不是很好
沉下心啦 好好看看JS还是有用的
你上边说的那个问题跟加载顺序有关,慢慢看就知道了