我目前束手无策，正在尝试在 div 内输出 javascript 函数 NYEDays。我已经尝试了来自不同站点的多种不同组合，但尚未找到解决此问题的方法。
<html>
<head>
<!--
Happy New Years
Author: Professor Myron Wilson
Date: 8/1/2006
Filename: happynewyears.htm
Supporting files: e.jpg, library.js, newyearseve.gif, styles.css
-->
<title>North Pole Novelties</title>
<link href="styles.css" rel="stylesheet" type="text/css" />
<!-- Add library.js below -->
<script type="text/javascript" src="library.js"></script>
<link rel="stylesheet" type="text/css" href="Bootstrap/css/bootstrap.css">
</head>
<body>
<table id="npn" cellpadding="5" cellspacing="0">
<tr>
<!-- Company Hyperlinks -->
<td id="links" rowspan="4" valign="top">
<a href="#">The New Year's Event Agenda</a>
<a href="#"></a>
<a href="#">New Year's Eve Happy Hour</a>
<a href="#">New Year's Eve Concert</a>
<a href="#">New Year's Eve Party</a>
<a href="#">New Year's Day Brunch</a>
</td>
<!-- Days until New Year's Eve -->
<td id="daycell">
<div class="container">
<div class="row">
<div class="NYEDays">
</div>
</div>
</div>
<script type="text/javascript">
// Add script tag and declare variables and assign values
function NYEDays(CheckDay) {
var XYear=CheckDay.getFullYear();
var XDay=new Date("December, 31, 2014");
XDay.setFullYear(XYear);
var DayCount=(XDay-CheckDay)/(1000*60*60*24);
DayCount=Math.round(DayCount);
return DayCount;
}
<!-- Add date output statement -->
<!-- Add decision statment for number of days -->
</script>
</td>
</tr>
<tr>
<!-- Company Logo -->
<td id="logo">
<img src="newyearseve.gif" alt="New Year's Eve!" />
</td>
</tr>
<tr>
<!-- Articles about the company -->
<td>
<table cellspacing="4" cellpadding="4">
<tr>
<!-- Welcome message -->
<td id="firstcol" valign="top">
<p>
NEW YEAR'S EVE ENTERTAINMENT Consider us your complete
New Year's Eve entertainment needs. We offer a excellent two days of events of elegance
and style.</p>
<!-- Latest news -->
<h3>NEW YEAR'S EVE HAPPY HOUR</h3>
<p>It starts at 5:00p.m. Mengle with everyone while consuming
the finest spirits and eating the best horderves. </p>
<h3>NEW YEAR'S EVE CONCERT</h3>
<p>When you hear the band play and the artists sing, you are hearing our concert
At 7:00p.m., listen to some of the best groups Atlanta has to offer. </p>
<h3>NEW YEAR'S EVE PARTY</h3>
<p>This is the event of the year. Jam to the sounds of everyone's
favorite radio disc jockey and bring in the new year with a bang
starting at 10:00 p.m. </p>
<h3>NEW YEAR'S DAY BRUNCH</h3>
<p>There is no other way to close out the vent with a delicious brunch
with everyone's breakfast and lunch favorites at 11:00 a.m. </p>
</td>
<!-- Information about the company -->
<td id="secondcol" valign="top">
<h3>Elegance Entertainment</h3>
<p>
<img src="e.jpg" alt="" style="float: right; margin: 0px 0px 10px 10px" />
Elegance Entertainment is a company that specialize in major events.
Established in 2003, Elegance has been providing events for the professional
market in the Atlanta area.</p>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<!-- Contact Information -->
<td id="contact">
<b>Elegance Entertainment</b> |
324 King Avenue |
Atlanta, GA 30332 |
(404) 555-2015
</td>
</tr>
</table>
</body>
</html>
最佳答案
调用该函数并将结果写入 DIV 的 innerHTML 中。
我向 DIV 添加了一个 ID。
function NYEDays(CheckDay) {
var XYear = CheckDay.getFullYear();
var XDay = new Date("December, 31, 2014");
XDay.setFullYear(XYear);
var DayCount = (XDay - CheckDay) / (1000 * 60 * 60 * 24);
DayCount = Math.round(DayCount);
return DayCount;
}
// Add date output statement
var days = NYEDays(new Date);
document.getElementById("NYEDays").innerHTML = days;
// Add decision statment for number of days
if (days < 2) {
alert("Woot! It's almost here");
}<div class="container">
<div class="row">Days until New Year:
<div class="NYEDays" id="NYEDays">
</div>
</div>
</div>关于javascript - 尝试从 HTML 输出 Javascript，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/37715623/