根据周日

时间:2017-06-24 11:15:29

标签: javascript jquery html css image

我正在使用它根据星期几加载图像,但我也想显示文本并从文件中加载它。我喜欢把它当作今天的菜单,所以厨师上传文本文件,比如monday.txt tuesday.txt,不需要搞乱编码。

<html>

<head><meta http-equiv="Content-Type" content="text/html; charset=windows-1252">

<META HTTP-EQUIV="refresh" CONTENT="60">
<title>LOUNAS</title>
<style type="text/css">
body {
    overflow:hidden;
}
</style>
<script type="text/javascript"><!--
var imlocation = "";
 function ImageArray (n) {
   this.length = n;
   for (var i =1; i <= n; i++) {
     this[i] = ' '
   }
 }
image = new ImageArray(7);
image[0] = 'sunday.jpg';
image[1] = 'monday.jpg';
image[2] = 'tuesday.jpg';
image[3] = 'wednsday.jpg';
image[4] = 'thursday.jpg';
image[5] = 'friday.jpg';
image[6] = 'saturday.jpg';
var currentdate = new Date();
var imagenumber = currentdate.getDay();
document.write('<img src="' + imlocation + image[imagenumber] + '"> style="width:100%;height:100%;" border="0" /');
//--></script></head>

<body bgcolor="#000000">
</body>

</html>

1 个答案:

答案 0 :(得分:0)

您需要使用AJAX请求才能从服务器读取文件。 (如果您打算将数据显示给客户端而不是自我显示网站)

您需要像PHP这样的服务器和后端语言,然后您需要根据星期几(意味着哪个网址?)向服务器发出AJAX请求然后显示数据。

其次,关于你做了什么,使用document.write它不是最好的方法,因为它在使用后清除了页面,你所拥有的所有数据将会消失(意味着HTML),并且还创建元素这种方式在所有浏览器中运行良好,您应该使用createElement代替。

此外,您可以使用CSS为该元素提供样式,而不是通过JavaScript