כיצד לקרוא קובץ טקסט עם קוד Javascript ב- HTML

שלב 1

הצב את גוש Javascript שלך בקובץ HTML. כל גוש של הוראות ב- Javascript חייב להיות מוקף בתווית קוד. להלן תחילת קוד Javascript, אשר encapsulates תהליך ייבוא ​​הטקסט שלך:

שלב 2

קרא את הקובץ. כדי לקרוא קובץ ב- Javascript, פונקציית fopen נדרשת. הקוד הבא מקבל את התוכן של קובץ בשם "myFile.txt": file = fopen (getScriptPath ("myFile.txt"), 0);
בספרדית: "myFile.txt": file = fopen (getScriptPath ("myFile.txt"), 0);

שלב 3

הקצה את תוכן הקובץ למשתנה של מחרוזת סוג. משתנה זה יכול לשמש להדפסת התוצאה ולהצגתה בפני משתמשים. הקוד להקצות את התוכן למשתנה הוא: file_length = flength (file); תוכן = פחד (קובץ, file_length); בספרדית: file_length = flength (file); תוכן = פחד (קובץ, file_length);

שלב 4

צור div בקובץ HTML כדי להציג את התוצאות. השתמש בקוד הבא כדי ליצור div:

שלב 5

כתוב את התוכן של קובץ הטקסט שקיבלת עם Javascript על div. הקוד הבא מקבל את מזהה ה- div וכותב את התוכן של קובץ הטקסט כך הקוראים לדמיין את תוצאות הייבוא ​​של הקובץ: document.getElementById ("myDiv"). InnerText = תוכן;

שלב 6

שמור את קובץ ה- HTML ופתח אותו בדפדפן שלך. לאחר מכן בדוק את הקוד החדש כדי לוודא שהוא יכול להיות הידור והוצאה להורג. תוצאות ייבוא ​​קובץ הטקסט שלך מוצגות בתג div.