每天不同的HTML文件

时间:2014-05-02 20:08:09

标签: javascript html css

这是我关于stackoverflow的第一个问题。 我需要一些帮助,因为我需要为每天选择一个不同的html文件,我需要显示每天的日程安排。

我在网上获得了这个javascript代码:

dayName = ["Domingo", "Lunes", "Martes", "Miercoles", "Jueves", "Viernes", "Sabado"];

dayNumber = new Date().getDay();

document.writeln('<link rel="stylesheet" type="text/css" href="' + dayName[dayNumber] + '.css">');

上面的代码每天选择一个不同的.css文件,但我不需要,我需要选择一个html文件。

请帮助我,如果我的语言不正确,请原谅。

感谢。

4 个答案:

答案 0 :(得分:0)

执行此操作的最佳方法是使用PHP并打印出要在服务器上发送的任何HTML,但如果您不了解PHP或无法使用它,则可以打印所有html在单独的div中,如

<div class="Domingo"></div>
<div class="Lunes"></div>
etc.

然后拉入样式表或使用JavaScript隐藏除要显示的div之外的所有div。

CSS

.Domingo, .Lunes, .Martes, etc.{
    display: none;
}

的JavaScript

dayName = ["Domingo", "Lunes", "Martes", "Miercoles", "Jueves", "Viernes", "Sabado"];
dayNumber = new Date().getDay();
$("." + dayName[dayNumber]).show();

这不是最好的事情,因为你会每次发送所有的日子,这会使页面加载速度变慢,但如果不是一个超级复杂的项目那么这应该不是问题。

答案 1 :(得分:0)

欢迎使用Stack Overflow,用户!如果您希望重定向到其他页面,可以使用函数location.replace(),如果您不想更改浏览器历史记录,或使用location.reload();如果你这样做,还是location.href。所以在你的例子中,假设它已经按原样运行:

dayName = ["Domingo", "Lunes", "Martes", "Miercoles", "Jueves", "Viernes", "Sabado"];

dayNumber = new Date().getDay();

// goes to new page without changing browser history.
location.replace("" + dayname[dayNumber] + ".htm");
// goes to new page and changes browser history.
location.reload("" + dayname[dayNumber] + ".htm");
// this also goes to the new page and changes browser history.
location.href="" + dayname[dayNumber] + ".htm";

答案 2 :(得分:0)

为什么不重定向到您想要的页面?使用你展示的相同.css基础,它将是这样的:

dayName = ["Domingo", "Lunes", "Martes", "Miercoles", "Jueves", "Viernes", "Sabado"];
dayNumber = new Date().getDay();

location.href = dayName[dayNumber] + ".html";

答案 3 :(得分:0)

尝试使用jQuery。

示例:

$(document).load(dayName[dayNumber]) + ".html");