如何在 wordpress 帖子中启用按钮 onClick 功能和 javascript答案

【问题标题】：How to enable button onClick functions and java script in wordpress post如何在 wordpress 帖子中启用按钮 onClick 功能和 javascript
【发布时间】：2017-06-04 04:29:11
【问题描述】：

我正在尝试将以下代码添加到 Wordpress，但是，每当我尝试更新时，wordpress 总是给我错误 404。我是编码新手。所以希望能得到一些帮助。

<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>

</head>
<body>


  Code 1: <input type="text" id="code1">
  <br>
  <p id="code1ans"></p>

  Code 2: <input type="text" id="code2">
  <br>
  <p id="code2ans"></p>

  Code 3: <input type="text" id="code3">
  <br>
  <p id="code3ans"></p>

  Code 4: <input type="text" id="code4">
  <br>
  <p id="code4ans"></p>


  <button onclick="myFunction()">Submit</button>

    <script>
      function myFunction() {
          var code1 = document.getElementById("code1").value;
          var code2 = document.getElementById("code2").value;
          var code3 = document.getElementById("code3").value;
          var code4 = document.getElementById("code4").value;
          document.getElementById("code1ans").innerHTML = code1;
          document.getElementById("code2ans").innerHTML = code2;
          document.getElementById("code3ans").innerHTML = code3;
         document.getElementById("code4ans").innerHTML = code4;
      }
    </script>


  </body>
</html>

【问题讨论】：

尚不清楚您要达到的目标。你的意思是没有你添加的代码你没有404，但是通过在
没错，只要我把这些下面的代码和脚本加进去，就会出现404错误。 "...

标签： javascript php jquery html wordpress

【解决方案1】：

Wordpress 使用template hierarchy，所以我猜您希望此代码在特定页面上执行，或者您希望它在每次页面加载时运行？

Wordpress 使用称为过滤器和操作的挂钩系统在特定时间运行事物。其中之一是https://codex.wordpress.org/Plugin_API/Action_Reference/wp_enqueue_scripts，它允许您加载脚本。您还可以在此处添加仅在特定页面上运行脚本的代码。您应该根据文档在此处添加脚本。

您的问题似乎没有指定您将代码放在哪里。

【讨论】：