onloadend,onloadend和onload
如何在网页上加计数器,代码哪里要,要放在哪里?
一。
要完成此效果需要两个步骤
第一步:把如下代码加入到body区域中
SCRIPT LANGUAGE="JavaScript"
!-- Begin
var ms = 0;
var state = 0;
function startstop() {
if (state == 0) {
state = 1;
then = new Date();
then.setTime(then.getTime() - ms);
} else {
state = 0;
now = new Date();
ms = now.getTime() - then.getTime();
document.stpw.time.value = ms;
}
}
function swreset() {
state = 0;
ms = 0;
document.stpw.time.value = ms;
}
function display() {
setTimeout("display();", 50);
if (state == 1) {now = new Date();
ms = now.getTime() - then.getTime();
document.stpw.time.value = ms;
}
}
// End --
/SCRIPT
FORM NAME="stpw"
本例的时间可以准确到百分之一秒br
计时:
INPUT TYPE="text" Name="time"br
INPUT TYPE="BUTTON" Name="ssbutton" VALUE="开始/停止" onClick="startstop()"
INPUT TYPE="BUTTON" NAME="reset" VALUE="重置" onClick="swreset()"
/FORM
第二步:把“onLoad="display()"”加在body标记里
例如:body onLoad="display()"
二。
1.把以下代码存为一个名为imgcounter.asp的文件
% @language="VBScript"%
%
dim images(20)
dim imageszero
CountFile=Server.MapPath("counter.txt")
Set FileObject=Server.CreateObject("Scripting.FileSystemObject")
Set Out=FileObject.OpenTextFile(CountFile,1,FALSE,FALSE)
counter=Out.ReadLine
Out.Close
SET FileObject=Server.CreateObject("Scripting.FileSystemObject")
Set Out=FileObject.CreateTextFile(CountFile,TRUE,FALSE)
Application.lock
if session("counter")"pass" then
counter= counter + 1
session("counter")="pass"
else
counter=counter+0
end if
Out.WriteLine(counter)
Application.unlock
countlen=len(counter)
for i=1 to 8-countlen
imageszero="img src=""number/""/" "0.gif/img"
response.write"document.write('"imageszero"');"
next
for i=1 to countlen
images(i)="img src=""number/""/" mid(counter,i,1) ".gif/img"
response.write"document.write('"images(i)"');"
next
Out.Close
%
2.在与imgcounter.asp文件同根目录下建一个counter.txt的文件.在里头写入一个数字,刚开始应该是
3.与2一样,创建一个文件number,在这个文件里头放十点
GIF图片,图片上分别显示一到九.
3.在需要显示计数器的地方插入以下代码:
你是本站第
script language="JavaScript" src="imgcounter.asp"
/script
个访问者
这样你的网站可以统计被访问过多少次,而且是以漂亮的
图片显示出来.统计出来的数据是存放在文件中的,不会丢失.
怎么用javascript一次读8byte的文本文件
刚好有个介绍filesystem的就有你这个功能:
p
从
中间“分割文件”部分摘过来的,他是分别读取的1-5,6-15,7-8字节的数据,可以参考一下,很容易改成连续读取8个字节的,你懂的
/p
style
??#byte_content?{
????margin:?5px?0;
????max-height:?100px;
????overflow-y:?auto;
????overflow-x:?hidden;
??}
??#byte_range?{?margin-top:?5px;?}
/style
input?type="file"?id="files"?name="file"?/?Read?bytes:?
span?class="readBytesButtons"
??button?data-startbyte="0"?data-endbyte="4"1-5/button
??button?data-startbyte="5"?data-endbyte="14"6-15/button
??button?data-startbyte="6"?data-endbyte="7"7-8/button
??buttonentire?file/button
/span
div?id="byte_range"/div
div?id="byte_content"/div
script
??function?readBlob(opt_startByte,?opt_stopByte)?{
????var?files?=?document.getElementById('files').files;
????if?(!files.length)?{
??????alert('Please?select?a?file!');
??????return;
????}
????var?file?=?files[0];
????var?start?=?parseInt(opt_startByte)?||?0;
????var?stop?=?parseInt(opt_stopByte)?||?file.size?-?1;
????var?reader?=?new?FileReader();
????//?If?we?use?onloadend,?we?need?to?check?the?readyState.
????reader.onloadend?=?function(evt)?{
??????if?(evt.target.readyState?==?FileReader.DONE)?{?//?DONE?==?2
????????document.getElementById('byte_content').textContent?=?evt.target.result;
????????document.getElementById('byte_range').textContent?=?
????????????['Read?bytes:?',?start?+?1,?'?-?',?stop?+?1,
?????????????'?of?',?file.size,?'?byte?file'].join('');
??????}
????};
????if?(file.webkitSlice)?{
??????var?blob?=?file.webkitSlice(start,?stop?+?1);
????}?else?if?(file.mozSlice)?{
??????var?blob?=?file.mozSlice(start,?stop?+?1);
????}
????reader.readAsBinaryString(blob);
??}
??
??document.querySelector('.readBytesButtons').addEventListener('click',?function(evt)?{
????if?(evt.target.tagName.toLowerCase()?==?'button')?{
??????var?startByte?=?evt.target.getAttribute('data-startbyte');
??????var?endByte?=?evt.target.getAttribute('data-endbyte');
??????readBlob(startByte,?endByte);
????}
??},?false);
/script
js files[0] 对应Jquery的什么方法?
!DOCTYPE?HTML
head
meta?charset="UTF-8"
titleDroid/title
style?type="text/css"
ul?li?{
float:?left;
list-style:?none;
padding-right:?10px;
}
/style
script?type="text/javascript"?src="jquery-1.8.0.min.js"/script
script?type="text/javascript"
$?(function?()
????{
????var?oUll?=?$?("#ul"),?FR,?source?=?$?(':file');
????if?(!!(FR?=?$?(window).prop?('FileReader')))
????{
????var?fr?=?new?FR?();
????$?("#btn").click?(function?()
????{
???? var?file?=?source.prop?('files')[0];
????if?(!file)
????{
????return?false;
????}
????var?aLi?=?$?("li/li");
????var?aImg?=?$?("img?/");
????oUll.append?(aLi);
????aLi.append?(aImg);
????var?imgs?=?$?("img");
????fr.onloadend?=?function?(e)
????{
????imgs.eq?(imgs.length?-?1).attr?('src',?e.target.result);
????source.val?('');
????};
????fr.readAsDataURL?(file);
????});
????}
????});
/script
/head
body
input?type="file"?name="file"?/
input?id="btn"?type="button"?value="添加"?/
ul?id="ul"/ul
/body
/html
onlayout什么时候调用 react native
onLoad(function):当图片加载成功后,回调该方法 onLoadStart(function):当图片开始加载的时候调用该方法 onLoadEnd(function):当图片加载失败回调该方法,不会管图片加载成功还是失败 onLayout(function):当 Image 布局发生变化会调用
js input file文件上传图片并展示
? ??1 页面HTML内容
????2 获取input[file]元素 ? ?
????3 对获取的file元素操作,也就是操作fileReader属性 ? ?
1:Blob
2:? File
3:? FileList
4:? FileReader
FileList :
这里,默认状态下选择文件 每次files属性上FileList对象里只有一个file文件。
file对象中包含了name 文件名; size ; type 文件类型; lastModified 最后修改时间;
FileReader:异步读取本地文件内容;包括File 和Blob ;
? ? 创建FileReader对象;读取file文件
关于fileReader的几个属性:
FileReader.error 只读一个 DOMException 代表在读取文件中出现的错误。 FileReader.readyState 只读一个数字表明的状态FileReader。这是以下之一:
FileReader.result 只读文件的内容。该属性仅在读取操作完成后才有效,并且数据的格式取决于使用哪种方法来启动读取操作。
fileReader的几个事件处理程序:
1 . FileReader.onbort:在读取操作中止时触发。
2 . FileReader.onerror:在读取操作遇到错误时触发。
3 . FileReader.onload:在读取操作成功完成时触发。
4 . FileReader.onloadstart:在开始阅读时触发。
5 . FileReader.onloadend:无论是否成功 只要读取操作完成都会触发。
6 . FileReader.onprogress:阅读Blob内容时触发。
FileReader的方法:
1 . FileReader.abort();中止读取操作
2 . FileReader.readAsArrayBuffer();完成时result属性包含ArrayBuffer表示文件数据
3 . FileReader.readAsBinaryString();完成时result属性将包含来自文件的原始二进制数据作为字符串。
4 . FileReader.readAsDataURL();完成时result属性包含data:表示文本数据的URL;
5 . FileReader.readAsText();完成时result属性包含文本的内容作为文本字符串。