1

わかりました、私はこのチュートリアルhttp://css-tricks.com/dynamic-page-replacing-content/を見ました、実際にはかなりクールです！私の問題はフローとして、コンテンツだけでなく特定のjavascriptコンテンツとcssを含むページがあります。それらのファイルを動的にロードする方法はありますか？それは正しいですか？ページにハードコーディングされている場合、そのcss / jsスクリプトをどのようにロードしますか？

前もって感謝します。

[編集]

いくつかのコード：

<html>
<head>
<script type="text/javascript" src="..."></script>
<script type="text/javascript">
$(document).ready(
    alert('the document has finished loading!!');
    // do form validation and send
)
</script>
</head>
<body>
Please Full the necesary (*) Fields
<form method="post" action="testing.php" id="test" name="test">
    (*)<input type="text" name="fullname" />
    <input type="submit" value="Send" />    
</form>
</body>
</html>

そのページを動的にロードし、ヘッダーに配置された検証と関連するJavaScriptをロードしたいとします。ヘッダーを読み取るファイルをロードする必要がありますか？どれがすでにロードされているかをどうやって知ることができますか？

答えてくれてありがとう！

「彼はハードコードされた静的な意味だと思います。–Utkanos」-編集

4

1 に答える 1

0

href 属性を変更することで、CSS スタイルシートを動的に変更できます。JavaScript は、スクリプト self を div にロードするか、スクリプト src を書き込むことによって動的にロードすることもできます。

簡単な例を次に示します。

CSS1:

body {
    background: black;
    color: #333;
}

CSS2:

body {
    background: red;
    color: white;
}

HTML:

<html>
    <head>
        <title>Test page</title>
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>

        <link href="/includes/css/test1.css" rel="stylesheet" type="text/css" />  
    </head>

    <body>
        <h1>TEST!!!!!</h1>
        <div id="code"></div>
        <input type="button" id="but" value="click!" />

        <script>
            var css = 1;

            $('#but').click(function() {
                if(css == 1) {
                    css = 2;
                } else {
                    css = 1;
                }

                $('link').attr('href', '/includes/css/test' + css + '.css');               

                //test();
                test2();
            });

            function test2() {
                $('#code').html("<script>alert(\"It works!!!\");<\/script>");

                //Or parse the src 
                //$('#code').html("<script src=\"js/your_js_file.js"><\/script>")
            }
        </script>
    </body>
</html>

そのため、ページが読み込まれた後に CSS と Js をページに読み込むことができます。

お役に立てれば！

于 2012-07-13T14:16:24.870 に答える