如何在页面上的JS读取其他JS文件数组

JavaScript013

如何在页面上的JS读取其他JS文件数组,第1张

直接用就可以，不如a.js包含var areaServer=[{"id":"6122","name":"神骑世界","order":"1","server":[{"id":"34579","name":"所有区服","order":"0","value":"0"}],"value":"1"},{"id":"6613","name":"狼烟","order":"1","server":[{"id":"37952","name":"烽火万里","order":"0","value":"1001"}],"value":"2"}]； 再b.htm页面，需要先引用js文件，相对路径绝对路径都可以，但是必须是网络路径，而不是本地路径<script type="text/javascript" src="a.js"></script><script type="text/javascript"> alert(areaServer[0].id)</script>

HTML5新增了关于文件的File，FileReader两个对象，用于获取文件信息和读取文件信息。

var

    fileInput = document.getElementById('test-image-file'),

    info = document.getElementById('test-file-info'),

    preview = docement.getElementById('test-image-preview')

//监听change事件

fileInput.addEventListener('change', function() {

  //清除背景图片

  preview.style.backgroundImage = ''

  //检查文件是否选择

  if(!fileInput.value) {

    info.innerHTML = '没有选择文件'

    return

  }

  //获取file文件引用：

  var file = fileInput.files[0]

  //获取文件信息

  info.innerHTML = '文件：' + file.name + '<br>' +

                  '大小：' + file.size + '<br>' +

                  '修改：' + file.lastModifiedDate

if(file.type !== 'image/jpeg' &&file.type !== 'image/png' &&file.type !== 'image/gif') {

  alert('不是有效的图片文件')

  return

}

  //读取文件

  var reader = new FileReader()

  reader.onload = function(e) {

    var data = e.target.result

  preview.style.backgroundImage = 'url('+ data + ')'

  }

  //以DataURL的形式读取文件：

  reader.readerAsDataURL(file)

})

以ajax方式读取文件到字符串；

想要把css或者js内容做成json比较不靠谱，因为css中的选择器有带.的类选择器，有带#的id选择器，是不能作为标识符的，js内容也不容易分析。