Javascript函数没有运行没有错误

时间:2015-02-03 10:47:58

标签: javascript html function onload

这是我的函数,它放在自己的文件中(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>

3 个答案:

答案 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