JavaScript にはどのようなローカルファイル形式がありますか?-フロントエンドQ&A-php.cn

JavaScript はクライアントブラウザで実行できるプログラミング言語で、ローカルストレージと対話したり、さまざまなローカルファイル形式を読み書きしたりできます。この記事では、JavaScript が次のローカルファイル形式をどのように処理するかを見ていきます。

テキストファイル

テキストファイルは、各行の末尾に改行文字が付いた一連の行で構成される通常の ASCII テキストファイルです。 JavaScript は XMLHttpRequest オブジェクトと AJAX を使用して、サーバーからテキストファイルを読み取り、クライアント上でそのファイルを操作して表示できます。

例は、次のコードを使用してテキストファイルを読み取ることです。

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

ログイン後にコピー

JSON ファイル

JSON ファイルは、使用できる軽量の形式です。構造化データを保存します。 JavaScript には JSON オブジェクトが組み込まれており、JSON ファイルを JavaScript オブジェクトに簡単に解析し、JavaScript 言語を使用してオブジェクトのプロパティとメソッドを処理できます。

たとえば、次のコードを使用して JSON ファイルを読み取ることができます。

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

ログイン後にコピー

XML ファイル

XML ファイルは、次のようなマークアップ言語です。構造化データを保存するために使用されるタグと属性で構成されます。 JavaScript は、XMLHttpRequest オブジェクトと AJAX を使用してサーバーから XML ファイルを読み取り、JavaScript DOM メソッドを使用してファイルを操作できます。

たとえば、次のコードを使用して XML ファイルを読み取ることができます。

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

ログイン後にコピー

画像ファイル

画像ファイルは、次のようなメディアファイルです。 JavaScriptを使用してブラウザ上で表示できます。 JavaScript は Image オブジェクトと HTML DOM を使用して画像ファイルを操作できます。

たとえば、次のコードを使用して画像ファイルを表示できます。

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

ログイン後にコピー

概要

JavaScript を使用すると、テキストファイルを含むさまざまなローカルファイル形式を簡単に処理できます。、JSON ファイル、XML ファイル、画像ファイル。これらのローカルファイル形式は、ネットワークプログラミングや Web 開発で多くの用途に使用されており、JavaScript ファイル処理スキルを習得すると、プログラミングと開発能力の向上に役立ちます。

以上がJavaScript にはどのようなローカルファイル形式がありますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。