2

これは非常に愚かな質問かもしれません。

次のように、空の CSS ファイル、空の JavaScript ファイル、および jQuery ライブラリを最も基本的な HTML ファイルに追加しようとしています。

<html>
<head>
  <title>Testing</title>
  <link rel="stylesheet" type="text/css" href="theme.css">
  <script language="javascript" type="text/javascript" src="jquery-2.0.3.js" />
  <script src="application.js" />
</head>
<body>
  <h1 class=test>This is a test! Hello, world!</h1>
</body>
</html>

しかし、うまくいきません。またはのいずれかが存在するh1場合、 はブラウザに表示されませんが、それ以外の場合は正常に表示されます。linkscript

ここで何が間違っていますか？なぜこれが機能しないのですか?どうすれば機能させることができますか?

どうもありがとうございました、

エデン。

4

5 に答える 5

6

<script>タグは自己終了できません。それらを次のように変更してみてください<script src="..." type="text/javascript"></script>

于 2013-08-10T09:30:52.163 に答える
2

2つのこと。スクリプト タグには終了タグが必要です。

<script language="javascript" type="text/javascript" src="jquery-2.0.3.js" /></script>
<script type="text/javascript" src="application.js" /></script>

もう1つ、正しいファイルに移動しているかどうかを確認してください。あなたのディレクトリツリーが次のものであると仮定します

directory
  |-yourHTMLpage.html
  |-jquery-2.0.3.js
  |-application.js
  \-theme.css

その後、次は機能します

<script language="javascript" type="text/javascript" src="jquery-2.0.3.js" />
<script type="text/javascript" src="application.js" /></script>
<link rel="stylesheet" type="text/css" href="theme.css">

しかし、最近の標準では、次のような css および js ファイル用のフォルダーを使用しています。

directory
  |-yourHTMLpage.html
  |-js
     |-jquery-2.0.3.js
     \-application.js
  \-css
     \-theme.css

次に、リンクを調整する必要があります。

<script language="javascript" type="text/javascript" src="js/jquery-2.0.3.js" />
<script type="text/javascript" src="js/application.js" /></script>
<link rel="stylesheet" type="text/css" href="css/theme.css">

JavaScript ファイルには「js/」が、css ファイルには「css/」が追加されていることに注意してください。HTML は、そのディレクトリから上記のファイルに移動します。ただし、ソース要素が示すようにファイルが存在しない場合、ページはそのファイルをロードしません。

于 2013-08-10T09:39:09.043 に答える
0

css および js ファイルは html と同じフォルダーにありますか?

何が問題なのかを確認するには、開発者コンソールを試して、送信されたリクエストを確認してください (chrome では「F12」を押すか、Firefox では firebug 拡張機能をインストールしてください)。リクエストされたファイルと、ブラウザがそれらを見つけたかどうかを示す「ネットワーク」タブがあるはずです。

于 2013-08-10T09:31:19.750 に答える
0

複数のファイルへのパスが正しいことを確認しますか? そうである場合、h1 のクラスのスペルは正しいですか? 次のように JavaScript ファイルを埋め込む必要があります。

<script language="javascript" type="text/javascript" src="jquery-2.0.3.js"> </script>
<script language="javascript" type="text/javascript" src="application.js"> </script>
于 2013-08-10T09:32:37.403 に答える
0

CSS と JavaScript ファイルをページにインクルードするための簡単な方法を次に示します。 

<link rel="stylesheet" type="text/css" href="YOUR FILE PATH">
<script src="YOUR FILE PATH" type="text/javascript"></script>
于 2013-08-10T09:33:54.737 に答える