我的HTML脚本的值从本地文本文件中读取

Question

<div id="container" style="width:100%; height:50px; border:5px solid black;">
<div id="progress-bar" style="width:67%;
   background-color:orange;
   height:50px;">
</div>
</div>

它所说的＆＃34; style =＆＃34;宽度：67％＆＃34;对于正在进行的脚本，我希望从本地文本文件中读取67％。我该怎么做？

Answer 1

简短回答 - 您无法在客户端计算机上读取/写入本地文本文件：

  

JavaScript和DOM为恶意作者提供了通过Web在客户端计算机上运行脚本的潜力。浏览器作者使用两个限制包含此风险。首先，脚本在沙箱中运行，在沙箱中，脚本只能执行与Web相关的操作，而不能执行创建（或读取）文件等通用编程任务。

https://en.wikipedia.org/wiki/JavaScript#Security

Answer 2

我们在做什么：

1. 我建议将文本文件的内容转换为JSON
2. 使用Jquery.getJSON（）函数来解析对象
3. 使用宽度节点设置样式标记宽度值

现在一起：

Example data in file:
[{"date": "2016/01/05", "time": "18:46:00", "title": "ReadMe", "width": "67"}

1. jQuery.getJSON('textfiletoread.txt',function(data){
   // data is an array of objects
   $.each(data, function(){
      console.log(this.width); // log the width
    $('#progress-bar').css('width', this.width); //use the text files width
    });
   });