2016-12-03 10 views
1

私は2ページあります。 one.htmlとtwo.html別のhtmlページのあるhtmlページで関数を呼び出す方法

最初のhtmlページには、Javaスクリプト関数modify(d)を持つs​​criptタグが含まれています.2つのHTMLでは、同じ関数を再度入力する代わりに、この関数を呼び出したいと思います。この?私はページ間のリンクを作成する必要がありますか?はいの場合、どうですか?

私は2番目のファイルで使用しようとしました。しかし、私はエラーが表示され続けます: "(d)定義されていない"コンソールで変更します。

両方のファイルは、フォルダ構造内で隣り合って配置されているため、パスは正しいはずです。

ありがとうございます。

+1

のような両方のHTML文書にJSファイル参照、このファイルを作成して、このように配置されています ' ' –

答えて

0

インラインスクリプトをドロップすると(インラインスタイルの場合も同様です)、このように関数(およびルール)を保存すると、

<!DOCTYPE html> 
<html> 
    <head> 
     <title>Page One</title> 
     <meta http-equiv='content-type' content='text/html; charset=UTF-8' /> 
     <link rel='stylesheet' type='text/css' href='css/style.css' /> 
     <script src="js/script.js"></script> 
    </head> 
<body> 
    Page one content 
</body> 
</html> 

ファイルone.html:独自のファイルの中で、あなたが

ファイルサンプルの下で示したように、それ(それらを)再利用することができるようになりますtwo.html

<!DOCTYPE html> 
<html> 
    <head> 
     <title>Page two</title> 
     <meta http-equiv='content-type' content='text/html; charset=UTF-8' /> 
     <link rel='stylesheet' type='text/css' href='css/style.css' /> 
     <script src="js/script.js"></script> 
    </head> 
<body> 
    Page two content 
</body> 
</html> 

ファイル:スタイル。CSS

body { 
    background: url(../images/bkg.png); 
} 

ファイル:script.js

function modify(d) { 
    .... 
} 

そして、あなたのファイルがフォルダ

/www/one.html 
/www/two.html 
/www/js/script.js 
/www/css/style.css 
/www/images/bkg.png 
0

あなたはそう、独自のファイルにJavaScriptのスクリプトタグの内容を抽出し、両方のHTMLページでそのスクリプトを含めることができます。

  • があなたのフォルダ構造のどこかにファイルを作成します(あなたは同じで、それを置くことができます現時点で容易にするためのHTMLファイルなどのパス)のは、それはあなたがスクリプトタグを使用してスクリプトを含めることができ、あなたのHTMLファイルのそれぞれに私のscript.js

  • と呼ばれていますと言ってみましょう:

    <script src="./script.js"/>

あなたは<body>タグ内の最後の要素として、HTMLファイルまたは<head>にスクリプトタグを含めることができます。

0

JSを独自のファイルに配置し、両方のHTMLファイルから参照する必要があります。以下は、よりよく説明するための擬似コードです。

script.js

$('.box').click(function(e) { 
    e.preventDefault(); 
    console.log('Box has been logged!'); 
}); 

index.htmlを

<script src="./script.js"></script> 
<div class="box"></div 

other.html

<script src="./script.js"></script> 
<div class="box"></div 
0

外部Javascripの概念を使用しますt。 linkを参照してください。 これを使用して、単一のJavasciptファイルを作成し、modify()メソッドをその中に入れます。

関連する問題