TOC

JavaからJavaをJavascript（.js）に変換する方法

JavaでHTMLをJavascript（.js）に変換する方法

セキュリティ上の理由から、HTMLファイルをJavascript（js）ファイルに変換し、HTMLファイルの代わりにJSファイルを直接表示する必要がある場合があります。 概念は非常に単純です–document.writeを使用します

HTML 
Convert HTML to Javascript file
Javascript（js） 
document.write('
Convert HTML to Javascript file
');

1. Test.html

簡単なHTMLファイルを作成し、後でこのファイルをJavascriptに変換します。 

Convert HTML to Javascript file

2. ConvertHTMLToJs.java

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

package com.example.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('');
document.write('');
document.write('
Convert HTML to Javascript file
');
document.write('');
document.write('');

4. 試して

HTMLファイルを作成し、表示用に「Output.js」ファイルを含めます。

Test-js.html








「Test.html」と「Test-js.html」の両方が同じコンテンツを表示しますが、表示方法が異なります。 











                    

                        


    
    
    
    
    
    
    
    
    
    
    
    





                    

                

                



            

            

                

    
    
    


                

    
    
    


                

    
Related