Question

我有一个js文件和一个html文件hare是

的代码

testjs.js

function DynamicDiv() {  
    alert('enter');            
        var dynDiv = document.createElement("div");
        dynDiv.id = "divDyna";
        dynDiv.innerHTML = "Created using JavaScript";
        dynDiv.style.height = "20px";
        dynDiv.style.width = "300px"; 
        dynDiv.style.backgroundColor = 'gray';
        document.body.appendChild(dynDiv);
    }

我的html代码在

之下

<html>
<head>
<TITLE>Test Page</TITLE>
<script type="text/javascript" src="testjs.js" language="javascript"></script>
<script type="text/javascript" src="jquery-1.4.2.js" language="javascript"></script>
<script type="text/javascript" language="javascript">
    //"Global" variable accessible to all 
    //$(document).ready(DynamicDiv());  
</script>
</head>
<body onLoad="DynamicDiv()"> 
 <input id="Button1" type="button" value="Using JS" onclick="" />   
<div id="Layer1" style="position: absolute; width: 100%; height: 17px; z-index: 1; left: 0px; top: 3px;">
  <div align="right"><a href="http://www.uspto.gov/main/patents.htm">PATENTS</a>&nbsp;&nbsp;&nbsp; </div>
</div>
</body>
</html>

但我无法调用该功能

Answer 1

你的代码与我的关系很好，可能是你提供给testjs.js文件的路径可能不准确，但它的工作对我很好。尝试检查js文件的路径

Answer 2

另一个建议是，因为你加载jQuery，加载最新的并更改脚本以使用它

<html>
  <head>
    <TITLE>Test Page</TITLE>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js" language="javascript"></script>
    <script type="text/javascript" language="javascript">
    function DynamicDiv() {  // to be externalised
    //    alert('enter');            
      $('<div/>', {
        id: 'divDyna',
        width:300,
        height:20,
        css:{border:'1px solid black', 'background-color':'grey'},
        html: 'Created using <i>JavaScript</i>'
      }).appendTo('body')
    } 
    </script>
    <script type="text/javascript" language="javascript">     
      $(document).ready(function() {
        DynamicDiv();  
      });  
    </script>
  </head>
  <body> 
    <input id="Button1" type="button" value="Using JS" onclick="" />   
    <div id="Layer1" style="position: absolute; width: 100%; height: 17px; z-index: 1; left: 0px; top: 3px;">
      <div align="right"><a href="http://www.uspto.gov/main/patents.htm">PATENTS</a>&nbsp;&nbsp;&nbsp;         
      </div>
    </div>
  </body>
</html>

Answer 3

我测试了外部js文件。即使在IE6上也能正常工作。这类问题大多就像“文件路径错误”。

Answer 4

您的代码与我一起运作良好，可能您的互联网浏览器不兼容，或者您提供给testjs.js文件的路径可能不正确。检查JavaScript文件的路径。

javascript函数不是从html文件调用

4 个答案: