Hướng dẫn include external js file in php - bao gồm tệp js bên ngoài trong php

Question

Tôi đang học cách gọi các tệp JavaScript bên ngoài trong mã PHP của tôi. Tôi đã nhận được một số mã từ internet và thử nó nhưng nó không hoạt động. Ai đó có thể cho tôi một số lời khuyên hoặc giải thích cho tôi điều này. Tôi không phải là một lập trình viên nhưng tôi đang nghiên cứu cách lập trình và chỉ bắt đầu học hỏi đó là lý do tại sao tôi gặp khó khăn trong việc hiểu một số khái niệm.

Nội dung chính Show

Làm thế nào sử dụng tệp JS bên ngoài trong PHP?
Bạn có thể bao gồm JS trong PHP không?
Tệp JavaScript bên ngoài được lưu trữ ở đâu?
JavaScript bên ngoài có thể chứa thẻ tập lệnh không?

Tôi có ở đây các mã, tệp PHP và tệp JS. Họ nằm trong cùng một thư mục.

Đây là các mã:

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!!!");
  }
 } 
}

Đã hỏi ngày 3 tháng 5 năm 2011 lúc 1:39May 3, 2011 at 1:39

CoderWbie CoderNewbie mớiNewbie Coder

10,4K18 Huy hiệu vàng39 Huy hiệu bạc53 Huy hiệu Đồng18 gold badges39 silver badges53 bronze badges

3

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

Thuộc tính language được không dùng nữa, hãy sử dụng

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!!!");
  }
 } 
}

0 thay thế

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

Cú pháp chính xác cho ràng buộc sự kiện nội tuyến là

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

Bạn có thể muốn xem xét việc chuyển trình xử lý sự kiện vào sự kiện gửi biểu mẫu. Chức năng của bạn sau đó có thể trả về

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!!!");
  }
 } 
}

1 về lỗi hoặc

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!!!");
  }
 } 
}

2 khi thành công, sau đó có thể được sử dụng để xác định xem việc gửi biểu mẫu có tiếp tục hay không, ví dụ

<form onsubmit="return parseTest()">

Đã trả lời ngày 3 tháng 5 năm 2011 lúc 1:44May 3, 2011 at 1:44

1

Bạn chưa thực sự chỉ định những gì không hoạt động nhưng tôi nhận thấy một cái gì đó trong mã của bạn.

<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>

Lỗi dấu chấm phẩy

Đã trả lời ngày 3 tháng 5 năm 2011 lúc 1:47May 3, 2011 at 1:47

IbuibuIbu

41.8K13 Huy hiệu vàng75 Huy hiệu bạc103 Huy hiệu đồng13 gold badges75 silver badges103 bronze badges

0

Tôi sẽ xem xét JQuery cho một khung JavaScript đẹp. Thay vì đặt mã JavaScript lên sự kiện "onclick" của nút, với jQuery, bạn có thể làm một cái gì đó như:

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

Đã trả lời ngày 3 tháng 5 năm 2011 lúc 2:06May 3, 2011 at 2:06

DietpixeldietpixelDietpixel

9.80311 huy hiệu vàng27 Huy hiệu bạc33 Huy hiệu đồng11 gold badges27 silver badges33 bronze badges

1

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

Phil

Phù vàng 149K22 Huy hiệu vàng234 Huy hiệu bạc235 Huy hiệu Đồng22 gold badges234 silver badges235 bronze badges

Đã trả lời ngày 3 tháng 5 năm 2011 lúc 1:46May 3, 2011 at 1:46

ZlozeroZero

7201 Huy hiệu vàng7 Huy hiệu bạc15 Huy hiệu đồng1 gold badge7 silver badges15 bronze badges

2

Làm thế nào sử dụng tệp JS bên ngoài trong PHP?

Để bao gồm một tệp JavaScript bên ngoài, chúng ta có thể sử dụng thẻ tập lệnh với thuộc tính SRC.Bạn đã sử dụng thuộc tính SRC khi sử dụng hình ảnh.Giá trị cho thuộc tính SRC phải là đường dẫn đến tệp JavaScript của bạn.Thẻ tập lệnh này phải được bao gồm giữa các thẻ trong tài liệu HTML của bạn.use the script tag with the attribute src . You've already used the src attribute when using images. The value for the src attribute should be the path to your JavaScript file. This script tag should be included between the tags in your HTML document.

Bạn có thể bao gồm JS trong PHP không?

Bạn có thể thực thi JavaScript thông qua PHP bằng cách gọi mã/hàm JavaScript dưới dạng chuỗi trong PHP và gửi cho trình duyệt khách để thực thi..

Tệp JavaScript bên ngoài được lưu trữ ở đâu?

Tệp có thể được lưu ở bất cứ đâu trong thư mục dự án web.Đó là thông lệ để đặt các tệp JavaScript vào một thư mục có tên "JavaScript" hoặc "SRC" khi xây dựng các ứng dụng web và di động.anywhere in the Web Project directory. It is common practice to put JavaScript files in a folder named "javascript" or "src" when building web and mobile applications.