将内容从js文件写入页面的DOM。

时间:2013-10-14 07:49:41

标签: javascript

我想知道是否可以通过javascript执行一个函数,我将编写一个函数将外部JS文件的内容写入html文件。

它是这样的:

    function insertInlineScript (path){
            var readScriptFromPath (path){
            return "<script>" + scriptContents + "</script>";
            }
    }

然后生病只是将其插入我的页面

    insertInlineScript("/path/to/file");
    insertInlineScript("/path/to/file_2");

页面的输出将是

    <script>
            //contents of first file
    </script>
    <script>
            //contents of 2nd file
    </script>

1 个答案:

答案 0 :(得分:0)

您可以使用HTML5的新File API来读取您的文件内容。以下是使用文件输入的示例,您可以重用代码并自行调整:

<input type="file" id="fileinput" />
<script type="text/javascript">
  function readSingleFile(evt) {
    //Retrieve the first (and only!) File from the FileList object
    var f = evt.target.files[0]; 

    if (f) {
      var r = new FileReader();
      r.onload = function(e) { 
          var contents = e.target.result;
        alert( "Got the file.n" 
              +"name: " + f.name + "n"
              +"type: " + f.type + "n"
              +"size: " + f.size + " bytesn"
              + "starts with: " + contents.substr(1, contents.indexOf("n"))
        );  
      }
      r.readAsText(f);
    } else { 
      alert("Failed to load file");
    }
  }

  document.getElementById('fileinput').addEventListener('change', readSingleFile, false);
</script>

更多信息herehere