0

所以我的问题很简单，但由于我是 html 和 javascript 的新手，我需要帮助。

所以我的 html 代码中有以下 javascript 代码。我想在单独的表格上拥有该功能。如何在我的 html 表单中调用该函数？

<script LANGUAGE="Javascript">
    var stampdays = new Array("Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday");
    var stampmonths = new Array("January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December");
    var thedate = new Date();
    document.write(stampdays[thedate.getDay()] + ", " + stampmonths[thedate.getMonth()] + " " + thedate.getDate() + ", " + thedate.getFullYear());
</script>
4

2 回答 2

3

制作一个名为script.js

脚本.js：

var stampdays = ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"];
var stampmonths = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
var thedate = new Date();
document.write(stampdays[thedate.getDay()] + ", " + stampmonths[thedate.getMonth()] + " " + thedate.getDate() + ", " + thedate.getFullYear());

在您的 HTML 中，包含此标记：

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

您可以在 HTML 中的任何位置包含该标记。最好在结束</body>标签之前。

附带说明，无需使用new Array(). 只需使用我在上面代码中显示的数组文字即可。

另一方面，您可能不想使用document.write. 这就像1997年的风格。您可能希望像这样填充您的 HTML 元素之一：

document.getElementById('myElementId').innerHTML = stampdays[...etc...getFullYear();

如果你想让它成为一个函数，你只需声明一个：

function setDate(foo) {
    document.getElementById('myElementId').innerHTML = foo;
}

然后像这样调用它setDate(stampdays[...etc...getFullYear());

于 2012-10-16T04:33:10.727 回答
0

您可以将脚本标签内的所有内容（不包括标签本身）移动到一个新文件（通常带有扩展名 js）中，并将该文件包含在您的 html 页面中。它是这样完成的

<script type="text/javascript" src="path-to\script.js"> </script>

使用type属性比使用language属性更好

查看您的脚本，我可以看到您在任何函数之外使用 document.write。浏览器通常会在遇到脚本标签时立即执行代码。如果将内容放在函数中，则可以更好地控制脚本的执行时间

脚本.js

var stampdays = new Array( "Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday");
var stampmonths = new Array( "January","February","March","April","May","June","July","August","September","October","November","December");

var writeDate = function () {
            var thedate = new Date();
            document.write(stampdays[ thedate.getDay()] + ", " + stampmonths[ thedate.getMonth()] + " " + thedate.getDate() + ", " + thedate.getFullYear()); 
            }

现在您可以在需要时调用 writeDate 函数。

<html> 
<head>
<script type="text/javascript" src="path-to\script.js"> </script>
</head>

<body>
  <script type="text/javascript" >
    writeDate();
  </script>

  <a href="#" onclick="writeDate()">Click me </a>

</body>
</html>

在 script.js 文件中，您只需定义函数 writeDate，您还没有执行它。要在函数中实际运行代码，您只需像在 writeDate() 中那样调用函数，这里我展示了两种方法。

  • 在另一个脚本标签（主体内部）中调用该函数，该函数将在浏览器加载 html 时执行。
  • 一个更典型的例子是在某些事件上执行它；就像在示例中一样，我定义了单击链接时要运行的内容
于 2012-10-16T04:52:56.887 回答