使用JavaScript动态显示本地时钟

在XHTML中,<script>标签中的内容被当作其他内容一样对待。如果JavaScript代码包含了“<”或“&”字符,那么这些字符就被解析成为XML标记。因此,如果要使用XHTML,最好把所有的JavaScript代码放入到一个CDATA部分里:

<script><![CDATA[

//这里是你的JavaScript代码

]]></script>

  下面演示JavaScript代码以及CSS样式表是如何嵌入HTML文件里面。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 5.0 Transitional//EN" "http://www.w3.org/TR/html5/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Digital Clock</title>
<script type="text/javascript">
 function displayTime() {
  var elt = document.getElementById("clock");
  var now = new Date();
  elt.innerHTML = now.toLocaleTimeString();
  setTimeout(displayTime,1000);
 }
 window.onload = displayTime;
</script>
<style type="text/css">
#clock{
 font: bold 24pt sans;
 background:#ddf;
 padding:10px;
 border: solid black 2px;
 border-radius: 10px;
}
</style>
</head>
<body>
<h1>Digital Clock</h1>
<span id="clock"></span>
</body>
</html>
 

猜你喜欢

转载自chemnk.iteye.com/blog/1706397
今日推荐