gpt4 book ai didi

javascript,如何实现索引页函数来执行.js函数的单独页面

转载 作者:行者123 更新时间:2023-11-28 08:59:18 24 4
gpt4 key购买 nike

我创建了两个执行这些任务的函数:

function displayBanner(currentDate) {
/* get the month from current Date */

/* Set the imgsource variable to be the defaultLogo
image */

/* If month is 12, 1, or 2, set variable imgsource to
winterLogo or to the defaultLogo if not one of those
three months */

/* If month is 3, 4, or 5, set imgsource to springLogo
or to the defaultLogo if not one of those three
months */

/* If month is 6, 7, or 8, set imgsource to summerLogo
or to the defaultLogo if not one of those three
months */

/* If month is 10, 11, or 12, set imgsource to fallLogo
or to the defaultLogo if not one of those three
months */

/* Return the imagesource variable to set the myBanner
imgSrc attribute to that image*/
}

function calcDaysToSale(currentDate) {
/* create a Date object for the 15th of the
current month */
/* compute difference in days between currentDate
And the 15th */
/* if the difference is positive return that value
Else return message that the sale is over for this
month */
}

但是!我打算创建第三个函数,它可以驻留在索引页的标题中,随后可以执行这些函数,这就是问题所在 - 我无法弄清楚。

我已经使用“alert();”检查了我的工作函数,这表明我创建的两个操作是健全的,但我只是无法确定如何让他们的行为结合在一起。

页面如下所示:

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


var curdate = new Date()
alert(curdate);

function displayBanner(currenttDate) {
var munf = currenttDate.getMonth();

switch (munf) {
case 9:
case 8:
case 10:
imageSrc = 'fallLogo.gif';
break;
case 11:
case 0:
case 1:
imageSrc = 'winterLogo.gif';
break;
case 2:
case 3:
case 4:
imageSrc = 'springLogo.gif';
break;
case 7:
case 5:
case 6:
imageSrc = 'summerLogo.gif';
break;
default:
imageSrc = 'defaultLogo.gif';
}

return imageSrc;
}


function calcDaysToSale(currentDate) {

var saleMessage;
var mday = currentDate.getDate()

if (currentDate < 15) {
var lef = (15 - currentDate);
//alert("There are " + lef + " days until the Sale.");
saleMessage = lef;
} else if (currentDate == 15) {
//alert("The Sale is today!");
saleMessage = "Zero, it's Today!";
} else {
//alert("The Sale for this month has ended.");
saleMessage = "The Sale for this month has ended.";
}

return saleMessage;
}

alert(calcDaysToSale(curdate));
alert(displayBanner(curdate));

function pageSetup() {
}



</script>

</head>

<body class="oneColLiqCtrHdr">

<div id="container">
<div id="header">
<p><img name="myBanner" id="myBanner" src="" alt="Carol's Flowers" />

<!-- end #header -->
</p>
<div id="links"><a href="#">Home</a> | <a href="#">General Arrangements</a> |
<a href="#">Seasonal Designs</a> | <a href="#">Custom Orders</a> |
<a href="#">Location</a></div>

</div>
<div id="mainContent">
<table id="mainTable">
<tr>
<td width="201"><h1><img src="Flowers.JPG" alt="Random Flowers" width="200" height="255" /></h1></td>
<td width="687">
<p>Here at Carol's Flowers, we believe that there is a perfect floral arrangment for every occasion! Take a look around and see if there is anything you like. If we don't already have it, then we will create it for you!</p></td>
</tr>
</table>
<!-- end #mainContent --></div>
<div id="footer">
<p> <form name="sale" id="sale">
Days Until Mid Month Madness Sale :
<input type="text" name="saleMessage" id="saleMessage" /></form></p>


<!-- end #footer --></div>
<!-- end #container --></div>
</body>
</html>

但正如我所说,我打算删除前两个函数,将它们放入单独的“flowers.js”页面中,并使用 pagesetup() 函数运行所有内容。

这两个函数的目标是一方面设置横幅的图像源,另一方面在底部表单中显示距离 15 日“促销”还剩多少天。月,或者如果 15 号已经过去,让用户知道该信息。

最佳答案

虽然你的问题不是很清楚。让我来尝试一下。因此,您将这两个函数移动到一个新的 js 文件“flowers.js”中。此页面上包含flowers.js,现在尝试从此页面上存在的pageSetup 方法调用这两个函数。那是你尝试过的吗?没效果吗?

如果没有,那么您需要确保“flowers.js”已完成加载,然后才能调用它的函数。检查这是否导致问题的一种方法是将代码更改为仅在页面加载完成后调用 pageSetup。

<body onload="pageSetup();">

如果您的问题完全不同,请告诉我。 :)

编辑:
要使用 javascript 在运行时设置图像源,您可以执行以下操作..

<img id="my_image_id" src="Flowers.JPG" alt="Random Flowers" width="200"   height="255" />

<script type="text/javascript">
function changeImage(a) {
document.getElementById("my_image_id").src=displayBanner(10);
}
</script>

PS:
将 displayBanner 重命名为 get_image_source 或其他名称..

关于javascript,如何实现索引页函数来执行.js函数的单独页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17972557/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com