内部外部 Java脚本：通过示例进行学习

由： 詹姆斯·哈特曼 詹姆斯·哈特曼
Hours 更新

您可以使用 Java脚本代码有两种方式。

  1. 您可以包括 Java脚本代码 HTML 文档内部 本身
  2. 您可以保留 Java脚本代码 单独的外部文件 然后从 HTML 文档指向该文件。

什么是内部 Java脚本？

到目前为止，我们一直在使用内部 JS。以下是示例 -

<html>
<head>
  <title>My First JavaScript code!!!</title>
  <script type="text/javascript">
    // Create a Date Object
    var day = new Date();
    // Use getDay function to obtain todays Day.
    // getDay() method returns the day of the week as a number like 0 for Sunday, 1 for Monday,….., 5
    // This value is stored in today variable
    var today = day.getDay();
    // To get the name of the day as Sunday, Monday or Saturday, we have created an array named weekday and stored the values
    var weekday = new Array(7);
    weekday[0]="Sunday";
    weekday[1]="Monday";
    weekday[2]="Tuesday";
    weekday[3]="Wednesday";
    weekday[4]="Thursday";
    weekday[5]="Friday";
    weekday[6]="Saturday";
    // weekday[today] will return the day of the week as we want
    document.write("Today is " + weekday[today] + ".");
  </script>
</head>
<body>
</body>
</html>

什么是外部 Java脚本？

您计划在所有网页上显示当前日期和时间。假设您编写了代码并将其复制到所有网页（例如 100 个）中。但后来，您想更改显示日期或时间的格式。在这种情况下，您必须在所有 100 个网页中进行更改。这将是一项非常耗时且困难的任务。

因此，保存 JavaScript 代码保存在一个扩展名为 .js 的新文件中。然后在所有网页中添加一行代码以指向您的 .js 文件，如下所示：

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

备注：假设 .js 文件和您的所有网页都位于同一文件夹中。如果 external.js 文件位于不同的文件夹中，则需要在 src 属性中指定文件的完整路径。

如何链接外部 Java脚本

var currentDate = new Date();
var day = currentDate.getDate();
var month = currentDate.getMonth() + 1;
var monthName;
	
var hours = currentDate.getHours(); 
var mins = currentDate.getMinutes(); 
var secs = currentDate.getSeconds(); 
var strToAppend;
if (hours >12 )
{
	hours1 = "0" + (hours - 12);
strToAppend = "PM";
}
else if (hours <12)
{
	hours1 = "0" + hours;
	strToAppend = "AM";
}
else
{
	hours1 = hours;
	strToAppend = "PM";
}
	
if(mins<10)
mins = "0" + mins;
if (secs<10)
	secs = "0" + secs;

switch (month)
{
	case 1:
		monthName = "January";
		break;
	case 2:
		monthName = "February";
		break;
	case 3:
		monthName = "March";
		break;
	case 4:
		monthName = "April";
		break;
	case 5:
		monthName = "May";
		break;
	case 6:
		monthName = "June";
		break;
	case 7:
		monthName = "July";
		break;
	case 8:
		monthName = "August";
		break;
	case 9:
		monthName = "September";
		break;
	case 10:
		monthName = "October";
		break;
	case 11:
		monthName = "November";
		break;
	case 12:
		monthName = "December";
		break;
}

var year = currentDate.getFullYear();
var myString;
myString = "Today is " + day +  " - " + monthName + " - " + year + ".<br />Current time is " + hours1 + ":" + mins + ":" + secs + " " + strToAppend + ".";
document.write(myString);

这是您的 currentdetails.js 文件。不要担心看到长行代码。您很快就会学会编码。对您的 HTML 文档进行如下更改：

<html>
	<head>
	   <title>My External JavaScript Code!!!</title>
	   <script type="text/javascript" src="currentdetails.js">
	   </script>
	</head>
	<body>
	</body>
</html>

何时使用内部和外部 Java脚本代码？

如果你只有几行特定于特定网页的代码，那么最好保留你的 JavaHTML 文档内部的脚本代码。

另一方面，如果您的 Java脚本代码用于许多网页，那么您应该考虑将代码保存在单独的文件中。在这种情况下，如果您想对代码进行一些更改，只需更改一个文件即可，这使得代码维护变得容易。如果您的代码太长，那么最好将其保存在单独的文件中。这有助于轻松调试。

你可能会喜欢：