開発者ドキュメント

JavaからJavaをJavascript(.js)に変換する方法

セキュリティ上の理由から、HTMLファイルをJavascript(js)ファイルに変換し、HTMLファイルの代わりにJSファイルを直接表示する必要があります。概念は非常に簡単です –

document.write

HTML
<h1>Convert HTML to Javascript file</h1>
Javascript(js)
document.write('<h1>Convert HTML to Javascript file</h1>');

1. Test.html

シンプルなHTMLファイルを作成し、このファイルをJavascriptに変換します。

Convert HTML to Javascript file

2. ConvertHTMLToJs.java

すべてのHTMLコードをJavascript(.js)ファイルに変換するJavaクラスを作成します。

package com.mkyong.io;

import java.io.BufferedReader;
import java.io.File;
import java.io.FileOutputStream;
import java.io.FileReader;
import java.io.OutputStream;
import java.io.PrintStream;

public class ConvertHTMLToJs {

    private static final String FOLDER = "c:\\";
    private static final String JS__FILE__NAME = "output.js";
    private static final String HTML__FINE__NAME = "test.html";
    private static final String JS__PREFIX = "document.write('";
    private static final String JS__SUFIX = "');";

    public static void main(String[]args) {

      try {

         //read html file
          BufferedReader br = new BufferedReader(new FileReader(FOLDER + File.separator + HTML__FINE__NAME));

         //output it to js file
          OutputStream os= new FileOutputStream(new File(FOLDER + File.separator + JS__FILE__NAME));
          PrintStream ps = new PrintStream(os);

          StringBuffer sb = new StringBuffer();
          String line;

          while ((line = br.readLine())!= null) {

              line = sb.append(JS__PREFIX).append(line).append(JS__SUFIX).toString();
             //clear the StringBuffer content
              sb.delete(0, sb.length());

              ps.println(line);
          }

          ps.close();
          os.close();
          br.close();

          System.out.println("done");

          }catch(Exception e) {
              e.printStackTrace();
          }
     }
}

3. Output.js

上記のJavaプログラムを実行すると、 ”

Test.html

“を ”

Output.js

“に変換します。

document.write('<html>');
document.write('<body>');
document.write('<h1>Convert HTML to Javascript file</h1>');
document.write('</body>');
document.write('</html>');

4.テストする

HTMLファイルを作成し、表示用の ”

Output.js

“ファイルをインクルードします。

Test-js.html



Test.html

“と ”

Test-js.html

“の両方に同じコンテンツが表示されますが、表示方法は異なります。


html


java

リンク://タグ/javascript/[javascript]

モバイルバージョンを終了