Quels formats de fichiers locaux javascript possède-t-il ?

JavaScript est un langage de programmation qui peut s'exécuter dans le navigateur client. Il peut interagir avec le stockage local, lire et écrire divers formats de fichiers locaux. Dans cet article, nous explorerons comment JavaScript gère les formats de fichiers locaux suivants.

1. Fichier texte

Un fichier texte est un fichier texte ASCII standard composé d'une série de lignes avec un caractère de nouvelle ligne à la fin de chaque ligne. JavaScript peut utiliser l'objet XMLHttpRequest et AJAX pour lire un fichier texte depuis le serveur et manipuler et afficher le fichier sur le client.

Un exemple est de lire un fichier texte en utilisant le code suivant :

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();

2. Fichier JSON

Le fichier JSON est un format léger qui peut être utilisé pour stocker des données structurées. JavaScript possède des objets JSON intégrés, qui peuvent facilement analyser les fichiers JSON en objets JavaScript et utiliser le langage JavaScript pour traiter les propriétés et les méthodes de l'objet.

Par exemple, un fichier JSON peut être lu en utilisant le code suivant :

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();

3. Fichier XML

Le fichier XML est un langage de balisage composé de balises et d'attributs et utilisé pour stocker des données structurées. JavaScript peut lire un fichier XML à partir du serveur à l'aide de l'objet XMLHttpRequest et d'AJAX, et manipuler le fichier à l'aide des méthodes JavaScript DOM.

Par exemple, un fichier XML peut être lu à l'aide du code suivant :

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();

4. Fichier image

Un fichier image est un fichier multimédia qui peut être affiché dans un navigateur à l'aide de JavaScript. JavaScript peut utiliser l'objet Image et le DOM HTML pour gérer les fichiers image.

Par exemple, vous pouvez afficher des fichiers image en utilisant le code suivant :

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

Résumé

En utilisant JavaScript, nous pouvons facilement gérer divers formats de fichiers locaux, notamment les fichiers texte, les fichiers JSON, les fichiers XML et les fichiers image. Ces formats de fichiers locaux ont de nombreuses applications en programmation réseau et en développement Web. La maîtrise des compétences en traitement de fichiers JavaScript contribuera à améliorer nos capacités de programmation et de développement.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!