在html页面中嵌入javascript节的位置
问题是，我不知道在html页面中嵌入javascript的位置，无论是在页眉部分还是正文部分 例1：在html页面中嵌入javascript节的位置,javascript,Javascript,问题是，我不知道在html页面中嵌入javascript的位置，无论是在页眉部分还是正文部分 例1： <html> <head> <title>events</title> <script> document.getElementById("b").onclick=function(){displayDate()}; function displayDa
<html>
<head>
<title>events</title>
<script>
document.getElementById("b").onclick=function(){displayDate()};
function displayDate()
{
document.getElementById("demo").innerHTML=Date();
}
</script>
</head>
<body>
<p id="demo"></p>
<button id="b">new</button>
</body>
</html>
事件
document.getElementById（“b”）.onclick=function（）{displayDate（）}；
函数displayDate（）
{
document.getElementById（“demo”）.innerHTML=Date（）；
}
新的
<html>
<head>
<title>events</title>
<script>
function upper()
{
var x=document.getElementById("t");
x.value=x.value.toUpperCase();
}
</script>
</head>
<body >
enter some text:<input type="text" id="t" onChange="upper()"/>
</body>
</html>
事件
函数上限（）
{
var x=document.getElementById（“t”）；
x、 value=x.value.toUpperCase（）；
}
输入一些文本：
在第二个示例中，我将javascript放在标题部分，它工作正常。第一个示例演示了在第二个示例中，当输入数据时，单击按钮日期将显示在文本框中，如果我们从框中出来，框中的字母将转换为大写 你可以把它放在头上。问题是你的例子不一样。第一个不起作用，因为当前日期是通过调用
date（）newdata（）.getDate（）窗口。onload<head>
<title>events</title>
<script type="text/javascript">
window.onload = function() {
document.getElementById("b").onclick = function() {
displayDate();
};
};
function displayDate()
{
document.getElementById("demo").innerHTML=Date();
}
</script>
</head>
事件
window.onload=函数（）{
document.getElementById（“b”）.onclick=function（）{
显示日期（）；
};
};
函数displayDate（）
{
document.getElementById（“demo”）.innerHTML=Date（）；
}
您的第二个示例之所以有效，是因为您刚刚定义了一个函数，没有尝试访问任何元素。您遇到的问题是，您试图在将元素加载到DOM之前引用它 将脚本放入HEAD标记时，dom尚未加载，document.getElementById将找不到您要查找的内容 你有几个不同的选择来处理这个问题。您可以将脚本放在页面的末尾，这将适用于这里的小示例 也许更好的选择是看看如何学习/使用jquery或其他js实用程序。Jquery通过为您提供一个“就绪”事件，使解决这个问题变得容易。此就绪事件将在DOM完全加载时触发。因此：
$(document).ready(
function()
{
$("#demo").html((new Date()).toString());
});
这就是你真正需要的。使用这种方法，脚本在页面上的位置无关紧要。您应该将它放在正文的末尾，就在
窗口。onloadwindow.onload