本人新手,刚开始接触js,今天敲一段小代码一直没弄出效果js代码:
var mydate =new Date();
var dateString = mydate.toLocaleDateString() + "" + mydate.toLocaleTimeString();
var dateLoc=document.getElementById("dateField");
dateLoc.innerHTML="Hello-Page Rendered on "+ dateString;html代码:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>New Web Project</title>
<script type="text/javascript" src="write_date.js"></script>
</head>
<body>
<h1>New Web Project Page</h1><br>
<p id="dateField"> </p>
</body>
</html>经过测试mydate和dateString都可以成功输出,就是后面两句不知道哪错了,求高手指点HTMLJavaScript
var mydate =new Date();
var dateString = mydate.toLocaleDateString() + "" + mydate.toLocaleTimeString();
var dateLoc=document.getElementById("dateField");
dateLoc.innerHTML="Hello-Page Rendered on "+ dateString;html代码:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>New Web Project</title>
<script type="text/javascript" src="write_date.js"></script>
</head>
<body>
<h1>New Web Project Page</h1><br>
<p id="dateField"> </p>
</body>
</html>经过测试mydate和dateString都可以成功输出,就是后面两句不知道哪错了,求高手指点HTMLJavaScript
这个只是获取id为dateField的对象
var dateLoc = document.getElementById("dateField").value;
这个是获取值
最后一句dateLoc.innerHTML="Hello-Page Rendered on "+ dateString;
这个是对象的innerHTML属性设置,跟写文本是一个效果的
//这里写js
}
//页面加载
window.onload = test;
<html>
<head>
<title>test.html</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script>
function show(){
var mydate =new Date();
var dateString = mydate.toLocaleDateString() + "" + mydate.toLocaleTimeString();
dateField.innerHTML="Hello-Page Rendered on "+ dateString;
}
</script>
</head>
<body onload="show()">
<p id="dateField"></p>
</body>
</html>