Question

我正面临一个问题，我的内联javascript代码未添加到页面中（由wordpress创建）。

码

function check()
 {
    alert("in check");
    var mname=document.getElementByID("name").value;
    var memail=document.getElementByID("email").value;

    var mresponse=document.getElementByID("response").value
   alert("name"+mname +"length"    +mname.length+"email"+memail+"length"+memail.length+"response"+mresponse+"length"+mresponse.length);

}

</script>
<table style="border: 0px;">
 <tbody>
  <tr>
  <td style="border: 0px;">Name <span style="color: red;">*</span></td>
   <td style="border: 0px;"><input id="name" type="text" name="name" /></td>
   </tr>
   <tr>
    <td style="border: 0px;">Email-Id <span style="color: red;">*</span></td>
    <td style="border: 0px;"><input id="emailid" type="text" name="emailid" /></td>
   </tr>
   <tr>
   <td style="border: 0px;">Your Response <span style="color: red;">*</span></td>
    <td style="border: 0px;"><textarea id="response" cols="40" maxlength="50"     name="response" rows="4"></textarea></td>
   </tr>
    </tbody>
   </table>
   <input onclick="check();" type="button" value="click" />

我是否需要安装任何允许java脚本的插件。

P.S我不使用wordpress.com ..我正在开发本地

**********更新*****************

我只是尝试提示框

 var mname=document.getElementById("name");
   alert("in check"+mname);

并在firebug中检查了以下错误

SyntaxError: syntax error
alert("in check"+mname);</p>

错误指向'p'。但我没有写那段代码。我不知道为什么这会附加在生成的代码中？

Answer 1

使用此

getElementById instead of getElementByID

使用＆＃39;;＆＃39;之后

var mresponse=document.getElementById("response").value; //forgot ';'

并使用

var memail=document.getElementById("emailid").value;   //use correct id

我的系统现在正在运作。

Answer 2

查看此视频教程：

https://www.youtube.com/watch?v=zjNVryaNz0E

<强>更新

在你的任何WP页面上添加这样的JS或者它可以工作：

 <script type="text/javascript">
   var a = 5;
   alert("hello world. The value of a is: " + a);
 </script>

仅供参考：它不需要任何插件来将js添加到WordPress页面/帖子

我希望这可以帮助你!!

Answer 3

我尝试了内联javascript插件，它适用于我。你必须在你的js代码

之间添加follwing标签

 [inline]
   your  js code
 [/inline]

如何在wordpress页面中编写内联javascript

3 个答案: