关于document.images

王朝other·作者佚名  2006-01-09
宽屏版  字体: |||超大  

document.images——顾名思义,文档中的图象资源。

若多个图片,按照显示的先后采用数组接受,先从这里看起

<script language=javascript>

function cnbruce(i){

alert(document.images[i].src)

}

</script>

<img src="http://blog.blueidea.com/button/88x31.gif">

<img src="http://www.cnbruce.com/images/logo.gif"><br>

<input onclick="javascript:cnbruce(0)" value="图片1地址" type=button>

<input onclick="javascript:cnbruce(1)" value="图片1地址" type=button>

程序应该没多大问题,其中关于参数i,我每次都需要赋值。现在用document.images.length来判断个数

<script language=javascript>

function cnbruce(){

alert("本页有 "+document.images.length+" 张图片")

}

</script>

<img src="http://blog.blueidea.com/button/88x31.gif">

<img src="http://www.cnbruce.com/images/logo.gif"><br>

<input onclick="javascript:cnbruce()" value="看看多少张" type=button>

SO,下面就开始显示所有图片的地址

<script language=javascript>

function cnbruce(){

cnjames='';

for (cnrose=0;cnrose<document.images.length;cnrose++)

{

cnjames+=document.images[cnrose].src+"\n";

}

alert(cnjames)

}

</script>

<img src="http://blog.blueidea.com/button/88x31.gif">

<img src="http://www.cnbruce.com/images/logo.gif"><br>

<input onclick="javascript:cnbruce()" value="看看本页所有图片的地址" type=button>

OK,将程序补充完整,就是下面的了,将文档只显示所有的图片

cnbruce='';

for (cnrose=0;cnrose<document.images.length;cnrose++)

{

cnbruce+='<img% src='+document.images[cnrose].src+'><br>'

}

if(cnbruce!='')

{

document.write(cnbruce);

void(document.close())

}

else{

alert('No images!')

}

将该多行代码装换为一行,将空格替换为%20

那么现在得到的这一大整代码粘贴到你当前的URL地址栏中,你会发现什么?:)

javascript:cnbruce='';for%20(cnrose=0;cnrose<document.images.length;cnrose++){cnbruce+='<img%20src='+document.images[cnrose].src+'><br>'};if(cnbruce!=''){document.write(cnbruce);void(document.close())}else{alert('No%20images!')}

over,the end.

转自: http://www.cnbruce.com/blog/showlog.asp?cat_id=5&log_id=664

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
© 2005- 王朝网络 版权所有