如何在 PHP 中调用外部 javascript 文件？答案

【问题标题】：How to call external javascript file in PHP?如何在 PHP 中调用外部 javascript 文件？
【发布时间】：2011-05-03 01:39:57
【问题描述】：

我正在学习如何在我的 PHP 代码中调用外部 javascript 文件。我从互联网上获得了一些代码并尝试了它，但它不起作用。有人可以给我一些建议或向我解释一下。我不是程序员，但我正在学习如何编程并且刚刚开始学习，这就是我难以理解某些概念的原因。

我这里有代码、PHP 文件和 JS 文件。它们在同一个文件夹中。

代码如下：

index.php

<html>
<head>
 <script language="JavaScript" src="exer_1.js"></script>
</head>
<body>
 <form name="myform">
  <input type="text" id="input_1" name="input_1" /><br />
  <input type="text" id="input_2" name="input_2" /><br />
  <input type="submit" value="Check!" onclick="javascript:parseTest() return false;" />
 </form>
</body>
</html>

exer_1.js

function parseTest() {
 var elem_1 = document.getElementById('input_1');
 var elem_2 = document.getElementById('input_2');

 var inp_1 = elem_1.value;
 var inp_2 = elem_2.value;

 if (inp_1 == "" && inp_2 == "") {
  alert("You need to enter integers!!!");
  elem_1.focus();
 } else if (inp_1 == ""){
  alert("You need to enter Integer 1!!!");
  elem_1.focus();
 } else if (inp_2 == ""){
  alert("You need to enter Integer 2!!!");
  elem_2.focus();;
 } else {
  if (!parseInt(inp_1) || !parseInt(inp_2)) alert ("Enter Integers only!!!");
  else {
   alert("Correct Inputs!!!");
  }
 } 
}

【问题讨论】：

具体是什么不起作用？
正如您所说您对这一切都是新手，您听说过用于 Firefox 的 Firebug 插件吗？它真的是开发人员最好的朋友！（如果您使用的是 Chrome，它有类似的工具）
我只是忘了分号...

标签： php javascript external

【解决方案1】：

<script language="JavaScript" src="exer_1.js"></script>

language 属性已弃用，请改用type

<script type="text/javascript" src="exer_1.js"></script>

内联事件绑定的正确语法是

<input type="submit" value="Check!" onclick="parseTest(); return false;" />

您可能需要考虑将事件处理程序移至表单的提交事件。然后，您的函数可以在错误时返回 false 或在成功时返回 true，然后可用于确定表单提交是否继续，例如

<form onsubmit="return parseTest()">

【讨论】：

你能帮我写代码吗，实际上我正在使用datatables.net/examples/styling/bootstrap4我的代码：justpaste.it/5ytqq@Phil

【解决方案2】：

你还没有真正指定什么不起作用，但我注意到你的代码中有一些东西。

<html>
<head>
 <script language="JavaScript" src="exer_1.js"></script>
</head>
<body>
 <form name="myform">
  <input type="text" id="input_1" name="input_1" /><br />
  <input type="text" id="input_2" name="input_2" /><br />
 <!-- The following will cause an error -->
  <input type="submit" value="Check!" onclick="javascript:parseTest() return false;" />

<!-- instead use this -->
<input type="submit" value="Check!" onclick="javascript:parseTest(); return false;" />
 </form>
</body>
</html>

分号错误

【讨论】：

【解决方案3】：

我会研究 JQuery 以获得一个不错的 javascript 框架。而不是将 javascript 代码放在按钮的“onclick”事件上，使用 jquery 您可以执行以下操作：

$('#submit').click(function() {
  // whatever code you want to run when submit is clicked.
  alert('Submit clicked');
}

【讨论】：

你也可以不使用 jQuery 来做到这一点，只是需要更多的努力让它跨浏览器工作

【解决方案4】：

<script type="text/javascript" src="exer_1.js"></script>

【讨论】：

如何才能发布空白答案？
@Ibrahim 检查答案来源，它包含 HTML