JavaScript 代码在 HEAD 标签中不起作用

标签 javascript html head

我的网页有以下代码:

<html>
<head>
    <title>This is test Page</title>

     <script language="javascript" type="text/javascript">

         document.getElementById("msg1").innerHTML = document.URL.toString();
        </script>

</head>
<body>

    <div class="sss">
        <p id="msg1"></p>
    </div>


</body>
</html>

正如您现在在执行脚本时 div 不存在但我只想将我的 JavaScript 代码放在 <head> 中标记,我不会将它放在 HTML 代码的中间。

但这段代码只有在我输入 <script> 时才有效<div> 之后的标签标签。 我用的是VS2010和firefox 19.0.1

有没有把代码放在<head>中?标签?

最佳答案

您的脚本依赖于 DOM 准备就绪,因此您需要仅在 DOM 准备就绪后执行该函数调用。

<script language="javascript" type="text/javascript">

window.onload = function() {
    document.getElementById("msg1").innerHTML = document.URL.toString();
}

</script>

关于JavaScript 代码在 HEAD 标签中不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15675745/

相关文章:

android - 如何使用反弹API平滑移动聊天头气泡

apache - 对于确定我的服务器是否为 "up"的脚本,我可以依赖什么条件?

javascript - 如何使用 JavaScript 定位 CSS 链接

javascript - 从另一个页面 TAG 检索值

javascript - 如何让工具提示内容出现在一行中?

javascript - 使用 JavaScript 更改 <div> 类

javascript - 为什么我的 strokeStyle 是透明的?

javascript - 从 Google map 获取网络服务的链接

javascript - 在 JavaScript 中选择下拉列表中的索引时需要触发一个事件

javascript - 我们可以将图像添加到文本区域吗?如果是这样怎么办?