javascript教程 txt(菜鸟教程javascript)
本篇文章给大家谈谈javascript教程 txt,以及菜鸟教程javascript对应的知识点,文章可能有点长,但是希望大家可以阅读完,增长自己的知识,最重要的是希望对各位有所帮助,可以解决了您的问题,不要忘了收藏本站喔。
求chrome 浏览器下用javascript读写txt文件的办法!
web程序不要妄想对客户机的文件进行读写。ActiveXObject是IE特有的。这种东西本身就是不安全的,现在不允许,今后更不会允许。
假设我做一网站,你来访问,访问了之后我直接在你的磁盘上写上1亿个垃圾txt文件,你咋想?所以不要考虑这个了。读写文件是针对服务器的。
AJAX是什么如何在JavaScript中使用
JavaScript能流行,一个很重要的原因是AJAX技术的应用。在网页中有很多的应用。举两个常见的AJAX应用的例子:
1、在搜索中,我们输入关键字时,网页会实时展现搜索结果;这是用AJAX实现的。
2、使用地图时,地图会根据用户显示的位置不停的更新。这也是通过AJAX实现。
那么什么是AJAX呢?
AJAX全称为Asynchronous JavaScript And XML直译就是异步的JavaScript和XML(这里我们主要介绍下JavaScript中AJAX的应用)
通常当JavaScript向服务器发送请求获取数据时,服务器会返回数据。在传统没有使用AJAX的网页中,需要刷新页面使其重新加载。而AJAX可以使网页在不重新加载页面的情况下对网页的局部进行更新。(比如,当你要放大地图的时候,你会不断的向服务器请求地图当前位置的详细信息,服务器返回数据给你,这里我们并不需要重新加载整个页面,不然用户体验就太差了。而是局部更新页面。)
由于我不可能在这写一个地图这样复杂的例子,而为了演示AJAX的使用,我借用了秒秒学的一个简单示例:
//简单的AJAX举例。
// 1:创建请求变量
var myRequest;
//浏览器的特征检查。
if(window.XMLHttpRequest){//若支持,则是火狐、谷歌等浏览器。
myRequest= new XMLHttpRequest();
} else if(window.ActiveXObject){//若不支持,则是IE浏览器。
myRequest= new ActiveXObject("Microsoft.XMLHTTP");
}
// 2:为请求添加事件处理代码。
myRequest.onreadystatechange= function(){
console.log("匿名函数被调用!");
console.log(myRequest.readyState);
if(myRequest.readyState=== 4){
var p= document.createElement("p");
var t= document.createTextNode(myRequest.responseText);
p.appendChild(t);
document.getElementById("mainContent").appendChild(p);
}
};
// 3:配置发送请求
myRequest.open('GET','simple.txt', true);
myRequest.send(null);
//....
使用AJAX主要分三部分,如示例中的
1、创建请求的变量。
在script文件中,首先声明XMLHttpRequest对象,这也是题主说的Ajax的核心。浏览器页面能通过XMLHttpRequest对象和服务器进行通讯。因为这个对象的创建因浏览器的不同而有区别。所以我们要用if语句判断XMLHttpRequest是否存在。
2、为请求添加事件处理代码
创建好XMLHttpRequest对象后,就可以向服务器发送请求了,不过我们首先处理服务器响应的事件。当服务器响应后会触发myRequest对象的onreadystatechange事件。
在onreadystatechange事件中我们看到myRequest调用了readyState属性,readyState有4个值表示目前响应所在的阶段,各数值表示如下:
l 1:请求已经建立,但是还没有发送(还没有调用 send())。
l 2:请求已发送,正在处理中(通常现在可以从响应中获取内容头)。
l 3:请求在处理中;通常响应中已有部分数据可用了,但是服务器还没有完成响应的生成。
l 4:响应已完成;您可以获取并使用服务器的响应了。
我们一般只关心readyState的值为4的情况,表示响应已完成。
3、配置发送请求
使用open方法配置请求。它有三个参数:
1、第一个参数表示用GET获取服务器中的数据。
2、第二个参数是一个服务器地址,这里我们用本地的simple.txt代替,省去创建服务器的麻烦。
3、第三个参数true表示请求是异步的,即当请求发送后,JavaScript不会为了等待服务器的响应而阻塞,它会继续执行后续代码。
配置好请求后,用send方法发送请求,这里给send传递的参数是null,若有其它参数需要发送,也可以传递给send方法。
这样AJAX的简单使用例子就说完了,以上示例来自教程网站秒秒学,希望对你有帮助。
javascript 可以读取txt文件内容吗
可以的啦!
第一步:创建一个可以将文件翻译成文件流的对象。
Var fso=new ActiveXObject(Scripting.FileSystemObject);
第二步:用于创建一个textStream对象,括号里边有三个属性
1.文件的绝对路径
2.文件的常数只读=1,只写=2,追加=8等权限。(ForReading、 ForWriting或 ForAppending。);
3.一个布尔值允许新建则为true相反为false;
例:Var f=fso.opentextfile(“C:\a.txt”,1,true);
第三步:调用读取方法
1. Read(用于读取文件中指定数量的字符)
2. ReadLine(读取一整行,但不包括换行符)
3. ReadAll(则读取文本文件的整个内容);
判断是否读取到最后一行
while(!f.AtEndOfStream)
{
f.Readline();
}
第四步:
关闭textStream对象:
例:f.close();
例子:
<html>
<head>
<title>new page</title>
<script>
function GetHeader(src){
//权限只读(只读=1,只写=2,追加=8等权限)
var ForReading=1;
var fso=new ActiveXObject("Scripting.FileSystemObject");
var f=fso.OpenTextFile(src,ForReading);
return(f.ReadAll());
}
var arr=GetHeader("d:\\test.txt").split("\r\n");
for(var i=0;i<arr.length;i++){
alert("第"+(i+1)+"行数据为:"+arr[i]);
}
</script>
</head>
<body>
</body>
</html>
其实都大同小类滴。做笔记的习惯很好,网上随时都可以翻出来看,还可以交流,或许我可以借鉴一下。
好了,关于javascript教程 txt和菜鸟教程javascript的问题到这里结束啦,希望可以解决您的问题哈!