2016-05-16 13 views
0

私のオブジェクト:テキストファイル(.txt)から緯度、経度の列をとり、googlemap api v3にマークします。javascript - ファイルを読むときにブラウザは正常に開きますが、空白のブラウザです

最初のステップでは、javascriptとhtmlでテキストファイルを読み込むコードを作成しました。このコードを実行すると、chromeとIEブラウザはうまく開きますが、何も起こりません。 JavaScriptの部分は動作しません。どうすれば修正できますか?

<!DOCTYPE html> 
<html> 
<head> 
<meta charset="UTF-8"> 
<title>Insert title here</title> 
</head> 
<body> 
<script type="text/javascript"> 
    var fso=new ActiveXObject("Scripting.FileSystemObject"); 
    var 
filename="C:\\text.txt"; 
    function savefile() { 
     if (!fso.FileExists(filename)) { 
      fso.CreateTextFile(filename,true); 
     } 
     var 
f=fso.OpenTextFile(filename,2,true); 

f.Write(myarea.innerHTML); 
     f.Close(); 
    } 
    function loadfile() { 

if (!fso.FileExists(filename)) { 

fso.CreateTextFile(filename,true); 

} 
     var f=fso.OpenTextFile(filename,1); 
     r=f.ReadAll(); 
     f.Close(); 
     myarea.innerHTML=r; 
    } 

function window.onload() { 
     loadfile(filename); 

} 
</script> 
<div id=myarea contenteditable=true 
style="width:320;height:240;border:solid 2 
inset;overflow:scroll;background-color:silver;"></div> 
<br><input 
type=button value=load onclick=loadfile()><input type=button value=save 
onclick=savefile()> 
</body> 
</html> 

TEXT.TXT =>(区切り文字= "「)

year class sex a b c d 
1 1 f 90 80 60 100 
1 1 m 90 80 60 100 
1 2 f 90 70 60 100 
2 1 f 100 80 60 100 
3 1 m 90 99 60 100 
+0

デバッグのために何をしましたか?あなたがエラーが発生しているかどうかをコンソールで調べましたか? – margo

+1

JavaScriptなどのフロントエンドスクリプトを使用してローカルファイルシステムのファイルを読み書きすることはできません。これは、ローカルファイルシステムに対するセキュリティリスクを回避するためです。 –

答えて

1

私の提案は、あなたのデータを格納する外部の.jsファイル(代わりの.txtファイル)を使用することです。 JSファイルでは、配列やオブジェクトなどのデータ構造にデータを格納します。変数を使用して配列やオブジェクトにアクセスして、外部のJSファイルをメインコード内で参照し、実行するデータ操作を行います。これは、JavaScriptを使用してローカルファイルシステムのデータファイルを読み書きできないためです。あなたのOSはローカルファイルシステムのセキュリティを保証するためにこれを制限します。より明確にするために、サードパーティのサイトによっては、悪意のあるファイルがローカルファイルシステムに書き込まれるスクリプトがあります。

+0

ありがとうございました。私は1つの質問がある、JSファイルはJSONを意味する?私はPythonを使用します。ですから、データをJSONに保存するか、最初にtxtに保存してからJSONに変更する必要があります。 – bcomc