htmlでのリソースファイル共有

1218 ワード

私は1つのhtmlにプロジェクトの他のページに共通参照が必要なリソースファイルを書き、このhtmlをこれらのリソースファイルが必要なhtmlにそれぞれ導入します.しかし、効果が出ないので、間違いを報告しなければなりません.
source_yun.htmlの完全なコードは以下の通りです.
<script src="../yun_sour/jquery/jquery-1.11.2.js"></script>
<script src="../yun_sour/jquery/jquery.validate.min.js"></script>
<script src="../yun_sour/jquery/additional-methods.min.js"></script>

引用source_yun.htmlのページhtmlの完全なコードは以下の通りです.
test.html:
<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>test</title>
    <object data="source_yun.html"></object>
</head>
<body>
<input type="text" class="text" value="yun lian">
</body>
</html>
<script>
    $(document).ready(function(){
        alert($(".text").val());
    });
</script>

Webページを開いて実行すると、$is not definedというメッセージが表示されます.つまり、source_yun.htmlのリソースファイルはtestの導入に成功しなかった.htmlにあります.
どうやって導入すればいいか知っている人はいますか??