个人中心
gpt4 book ai didi

javascript - 将 javascript 代码放在 标签之间

转载 作者：行者123 更新时间：2023-11-30 08:24:25 27 4
gpt4 key购买 nike

我想把脚本放在 <head> 之间使用匿名函数的标签，我添加了 onclick 事件来更改标签 p 的内容，但是在我点击之后没有任何反应。我的脚本有什么问题请帮助我。谢谢

<!DOCTYPE html> <html lang="en">    
<head>      
  <title>web</title>
  <script>
        window.onload=function(){
            function rubah1(){
                document.getElementById("text1").innerHTML="SUDAH BERUBAH TEXT 1";
            }
        }       
  </script>     
</head>     
<body>      
  <p id="text1">Teks 1 Sebelum Di Rubah</p>
  <button type="button" onclick="rubah1();">Rubah Text 1</button>   
</body> 
</html>

最佳答案

下次请更好地格式化您的代码。您无需等待文档加载来定义函数。你可以只在头部定义，然后按钮就会起作用。工作代码片段:

    <!DOCTYPE html>
    <html lang="en">
    
      <head>
        <title>web</title>
        <script>
            function rubah1() {
              document.getElementById("text1").innerHTML = "SUDAH BERUBAH TEXT 1";
            }
        </script>
      </head>
    
      <body>
        <p id="text1">Teks 1 Sebelum Di Rubah</p>
        <button type="button" onclick="rubah1();">Rubah Text 1</button>
      </body>
    
    </html>

您的方法的问题是您在 onload 函数的内部范围内定义函数，因此对按钮不可见。

关于javascript - 将 javascript 代码放在 <head> 标签之间，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/48034653/

27 4 0
文章推荐： javascript - 为什么 6.53 + 8 = 14.530000000000001 在 JavaScript 中？
文章推荐： javascript - 使用逗号分隔值巧妙地获取查询字符串
文章推荐： javascript - 在不超过特定值的对象数组中找到最大值 - Javascript
文章推荐： javascript - jQuery 数组排序仅适用于 DOM 中的第一个表元素