Apakah format fail tempatan yang ada pada javascript?

WBOY
Lepaskan: 2023-05-16 11:15:37
asal
532 orang telah melayarinya

JavaScript ialah bahasa pengaturcaraan yang boleh dijalankan dalam pelayar klien Ia boleh berinteraksi dengan storan tempatan, membaca dan menulis pelbagai format fail tempatan. Dalam artikel ini, kami akan meneroka cara JavaScript mengendalikan format fail tempatan berikut.

  1. Fail teks

Fail teks ialah fail teks ASCII biasa yang terdiri daripada satu siri baris dengan aksara baris baharu di hujung setiap baris. JavaScript boleh menggunakan objek XMLHttpRequest dan AJAX untuk membaca fail teks daripada pelayan dan memanipulasi serta memaparkan fail pada klien.

Contohnya ialah membaca fail teks menggunakan kod berikut:

var xmlhttp = new XMLHttpRequest();

xmlhttp.onreadystatechange = function() {
  if (this.readyState == 4 && this.status == 200) {
    var myText = this.responseText; //保存文本文件内容到变量
    //在页面上展示文本文件内容
    document.getElementById("myText").innerHTML = myText;
  }
};

xmlhttp.open("GET", "textfile.txt", true);
xmlhttp.send();
Salin selepas log masuk
  1. Fail JSON

Fail JSON ialah format ringan yang Boleh digunakan untuk menyimpan data berstruktur. JavaScript mempunyai objek JSON terbina dalam, yang boleh menghuraikan fail JSON ke dalam objek JavaScript dengan mudah dan menggunakan bahasa JavaScript untuk memproses sifat dan kaedah objek tersebut.

Sebagai contoh, fail JSON boleh dibaca menggunakan kod berikut:

var xmlhttp = new XMLHttpRequest();

xmlhttp.onreadystatechange = function() {
  if (this.readyState == 4 && this.status == 200) {
    var myObj = JSON.parse(this.responseText); //将JSON文件解析为JavaScript对象
    //在页面上展示JavaScript对象的某些属性
    document.getElementById("name").innerHTML = myObj.name;
    document.getElementById("age").innerHTML = myObj.age;
  }
};

xmlhttp.open("GET", "jsonfile.json", true);
xmlhttp.send();
Salin selepas log masuk
  1. Fail XML

Fail XML ialah bahasa penanda yang terdiri daripada tag dan Terdiri daripada atribut, digunakan untuk menyimpan data berstruktur. JavaScript boleh membaca fail XML daripada pelayan menggunakan objek XMLHttpRequest dan AJAX, dan memanipulasi fail menggunakan kaedah DOM JavaScript.

Sebagai contoh, fail XML boleh dibaca menggunakan kod berikut:

var xmlhttp = new XMLHttpRequest();

xmlhttp.onreadystatechange = function() {
  if (this.readyState == 4 && this.status == 200) {
    var xmlDoc = this.responseXML; //将XML文件解析为JavaScript DOM对象
    //在页面上展示XML文件的某些元素
    document.getElementById("author").innerHTML = xmlDoc.getElementsByTagName("author")[0].childNodes[0].nodeValue;
    document.getElementById("title").innerHTML = xmlDoc.getElementsByTagName("title")[0].childNodes[0].nodeValue;
  }
};

xmlhttp.open("GET", "xmlfile.xml", true);
xmlhttp.send();
Salin selepas log masuk
  1. Fail imej

Fail imej ialah fail media yang boleh dibaca menggunakan Paparan JavaScript dalam penyemak imbas. JavaScript boleh menggunakan objek Imej dan HTML DOM untuk mengendalikan fail imej.

Sebagai contoh, anda boleh memaparkan fail imej menggunakan kod berikut:

var img = new Image();
img.src = "imagefile.jpg";
document.body.appendChild(img); //在HTML页面中展示图片
Salin selepas log masuk

Ringkasan

Dengan menggunakan JavaScript, kami boleh mengendalikan pelbagai format fail tempatan dengan mudah, termasuk fail teks, Fail JSON, fail XML dan fail imej. Format fail tempatan ini mempunyai banyak aplikasi dalam pengaturcaraan rangkaian dan pembangunan Web Menguasai kemahiran pemprosesan fail JavaScript akan membantu meningkatkan keupayaan pengaturcaraan dan pembangunan kami.

Atas ialah kandungan terperinci Apakah format fail tempatan yang ada pada javascript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan