1

私は1つのjsファイルと1つのhtmlファイルを持っています。

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>

しかし、私は関数を呼び出すことができません

4

4 に答える 4

1

別の提案として、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>
于 2012-05-18T09:22:26.093 に答える
1

あなたのコードは私とうまくいっています.testjs.jsファイルに提供したパスは正確ではないかもしれませんが、私にとっては問題ありません。js ファイルへのパスを確認してみてください

于 2012-05-18T09:04:55.553 に答える
0

あなたのコードはうまく機能しています。インターネット ブラウザに互換性がないか、testjs.jsファイルに指定したパスが正しくない可能性があります。JavaScript ファイルへのパスを確認します。

于 2013-04-12T03:46:22.347 に答える
0

外部jsファイルでテストしました。IE6でも問題なく動作します。この種の問題は、主に「ファイルパスが間違っている」のようなものです。

于 2012-05-18T09:48:55.430 に答える