web前端日期网页显示位置怎么调

html-css027

web前端日期网页显示位置怎么调,第1张

在上网的时候,经常会在一些网页上看到当前的日期,如“今天是×年×月×日星期×”等字样。为了显示系统当前的日期,一般采用脚本语言VBScript或javascript,两种语言有其各自的特点,特别在网页教学中,通过这两种语言的运用和对比,能达到较好的教学效果,现分别介绍它们的设计过程。

一、采用VBScript脚本语言

用VBScript脚本语言来显示系统当前的日期,通常使用其内部提供的日期和时间函数:

Date——返回系统日期

Weekday(x)——返回日期x是星期几

Year(x)——返回日期x的年份

Month(x)——返回日期x的月份

Day(x)——返回日期x的日期

二、采用javascript脚本语言

用javascript脚本语言来显示系统当前的日期,通常使用其内部提供的Date对象,该对象可以用来处理有关日期和时间的操作。利用Date对象中以下几个方法来显示日期:

getDate()——获得当前的日期

getDay()——获得当前的星期

getMonth()——获得当前的月份

getYear()——获得当前的年份

设计时进入HTML编辑方式,在需要显示日期的位置插入如下代码:

以上两种方法都能显示系统当前的日期,它们各具特色,各有所长。很显然,VBScript和javascript脚本语言在格式上有明显的差别,初学者很容易将它们混淆,造成程序在格式上的严重错误。

<link rel="stylesheet" href="1.css" type="text/css" id="mycss"/>

<script type="text/javascript">

window.onload=function(){

var date=new Date()

var day=date.getDay()

var xing=new Array("1","2","3","4","5","6","7")

var cssDiv=document.getElementById("mycss")

switch(xing[day]) {

case "1":

cssDiv.href="1.css"

break

case "1":

cssDiv.href="2.css"

break

case "2":

cssDiv.href="1.css"

break

case "3":

cssDiv.href="3.css"

break

case "4":

cssDiv.href="4.css"

break

case "5":

cssDiv.href="5.css"

break

case "6":

cssDiv.href="6.css"

break

case "7":

cssDiv.href="7.css"

}

}

</script>

代表时间的代码不是在css中,css是一种样式,比如你在做网站的时候,前端html布局了一个页面,感觉不太美观的时候用css样式来控制一下,使其页面更加的美化与易懂;

而代表时间的代码是html中的time(英语也是"时间"的意思)<time>时间是:******</time>

time中属性:datetime 值:datetime

time描述:定义元素的日期和时间。如果未定义该属性,则必须在元素的内容中规定日期或时间。