这是我的函数,它放在自己的文件中(Javascript / submitDate.js):
document.onload = function(){
function submitDate(){
var time = new Date();
var nowDate =time.toISOString().slice(0,-14);
document.getElementById("dateShow").value=nowDate;
}
submitDate();
}();
在我使用索引加入页面之前运行正常。(当我将所有javascript和页面布局放入一个文件中时)
以下是代码的页面(projectMain.html):
<html>
<div id="container">
<header>
<h3>Entries close on the 10th of March</h3>
</header>
<section>
<aside onload="submitDate();">
Last submitted:
</br>
<input type="date" id="dateShow" readonly>
</aside>
</section>
没有错误弹出,它只显示日期布局框:mm / dd / yyyy
编辑: 该文件夹有一个大写字母J.
编辑2.0: 链接到显示的内容。 “最后提交”下面是无效的日期功能。 :http://prntscr.com/60ie8k
编辑3.0: 这是我的索引:
<html>
<head>
<title>Sample Template</title>
<link rel="stylesheet" language="text/css" href="CSS/stylesheet.css"/>
<script language="javascript" src="Javascript/AJAX.js"></script>
</head>
<body onload="javascript:changePage('home');">
<h1>Little Big Planet</h1>
<div class="menu">
<a onclick="javascript:changePage('home');">Home</a>
<a onclick="javascript:changePage('powerups');">Power Ups</a>
<a onclick="javascript:changePage('bots');">Sackbots</a>
<a onclick="javascript:changePage('costumes');">Costumes</a>
<a onclick="javascript:changePage('projectMain');">Form</a>
</div>
<br />
<div id="content">
</div>
<script type="text/javascript" src="Javascript/submitDate.js"></script>
</body>
</html>
答案 0 :(得分:3)
aside
元素没有onload
属性(或load
事件)。只有加载外部内容的元素(例如<img>
)和文档本身(属性位于<body>
元素上)才会这样做。
改为使用<script>
元素。
<aside>
Last submitted:
</br>
<input type="date" id="dateShow" readonly>
</aside>
<script>
submitDate();
</script>
此外,您说该文件位于&#34; javascript / submitDate.js&#34;但是你正在加载src="Javascript/submitDate.js"
。如果您使用区分大小写的文件系统(因为URL为404),则无法调用该函数。
答案 1 :(得分:0)
你有一个国会大厦&#39; j&#39;在HTML中使用JavaScript。
<script type="text/javascript" src="
的 J
强> avascript/submitDate.js"></script>
答案 2 :(得分:0)
尝试在加载文档时加载js
JS档案:
document.onload = function(){
function submitDate(){
var time = new Date();
var nowDate =time.toISOString().slice(0,-14);
document.getElementById("dateShow").value=nowDate;
}
submitDate();
}();
你的HTML中的旁白
<aside>
Last submitted:
</br>
<input type="date" id="dateShow" readonly>
</aside>
链接到身体底部的js文件
<script type="text/javascript" src="pathtojsfile"></script>
这是一个有效的Fiddle