jqueryを使用してHTML内の名前を置換する

Hao Honjun 2023-11-20 22:13:53 注: この方法は、Django のテンプレート タグ変数メソッドを使用するほど優れていません。Web プロジェクトはいずれにしても Django で開発されるため、この場合、Django のテンプレートを使用してみてはいかがでしょうか変数にラベルを付ける方法について教えてください。

アイデア: Web ページで頻繁に変更が必要な名前を、jquery で記述された js ファイルに置きます。名前を変更する必要がある場合は、js ファイル内の名前を直接変更するだけです。

新しい name_07.html ファイルを作成し、次のコードを記述します。

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>it is title</title>
    <meta name="viewport" content="width=device-width,initial-scale=1, shrink-to-fit=no">
    <script src="E:/HTML_code/static/jquery-3.5.1.slim.js"></script>
</head>
<body>

<h1 id="title01"></h1>
<h2 id="title02"></h2>
<h3 id="title03_1"></h3>
<h3 id="title03_2"></h3>

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

</body>
</html>

次に、name_07.html が配置されているディレクトリに新しいファイル namelib07.js を作成し、次のコードを記述します。

$(document).ready(function() {
    
    
    var title01str = "这是标题01";
    var title02str = "这是标题02";
    var title03str = "这是标题03";

    $("#title01").text(title01str);
    $("#title02").text(title02str);
    $("#title03_1").text(title03str);
    $("#title03_2").text(title03str);

});

ブラウザで name_07.html を開くと、次のようになります。
ここに画像の説明を挿入します
このようにして、特定のタイトル名を変更する必要がある場合、対応するタイトルの値を変更できます。文字列変数。

jquery メソッド text() の使用方法については、ブログ投稿を参照してください。https://blog.csdn.net/wenhao_ir/article/details/134437312

おすすめ

転載: blog.csdn.net/wenhao_ir/article/details/134441919