让HTML页面象asp一样接受参数

作者:乔夫  分类: 网事悠游  日期:2005-4-12  暂无评论,你来说两句呗?  
&lt;script&gt;<br />
var pos,str,para,parastr,tempstr1;<br />
tempstr=&quot;&quot;;<br />
str = window.location.href;<br />
pos = str.indexOf(&quot;?&quot;)<br />
parastr = str.substring(pos+1);<br />
document.write(&quot;&lt;br /&gt;文件路径:&quot;+str);<br />
if (pos&gt;0){<br />
document.write(&quot;&lt;br /&gt;所有参数:&quot;+parastr);<br />
}<br />
else<br />
{<br />
document.write (&quot;无参数&quot;);<br />
}<br />
if (str.indexOf(&quot;&amp;&quot;)&gt;0){<br />
para = parastr.split(&quot;&amp;&quot;);<br />
for(i=0;i&lt;para .length;i++)<br />
{<br />
tempstr1 = para[i];<br />
pos = tempstr1.indexOf(&quot;=&quot;);<br />
//document.write (tempstr1.substring(0,pos));<br />
document.write (&quot;&lt;br /&gt;参数&quot;+i+&quot;:&quot;+tempstr1.substring(0,pos));<br />
document.write (&quot;等于:&quot;+tempstr1.substring(pos+1));<br />
}<br />
}<br />
&lt;/script&gt;

判断file框选择的是否为图片

作者:乔夫  分类: 网事悠游  日期:2005-3-28  暂无评论,你来说两句呗?  
&lt;form name=form action=&quot;&quot; method=post encType=multipart/form-data&gt;<br />
&lt;input onpropertychange=document.all.aaaa.src=this.value type=file name=upload/&gt;&lt;br /&gt;<br />
宽:&lt;input name=W/&gt; 高:&lt;input name=H/&gt;&lt;br /&gt;<br />
&lt;input type=submit value=提交/&gt;<br />
&lt;img style=&quot;POSITION: absolute; TOP: -100000px&quot; onerror='alert(&quot;类型错误或者目标不存在&quot;);'<br />
onload={<br />
document.all.W.value=this.width;<br />
document.all.H.value=this.height;<br />
} name=aaaa/&gt;<br />
&lt;/form&gt;

自适应图片大小的弹出窗口

作者:乔夫  分类: 网事悠游  日期:2004-12-30  暂无评论,你来说两句呗?  

很多时候我们需要提供这样的功能给访问者:当访问者点击页面中的缩略图时,其对应的全尺寸图片将显示在一个新的弹出窗口中供访问者查看。

实现此功能的最简单作法是用以下HTML代码创建一个图像链接:

&lt;a href=&quot;fullsize.jpg&quot; target=&quot;_blank&quot;&gt;&lt;img src=&quot;small.jpg&quot;/&gt;&lt;/a&gt;

其中 <a> 标记的 href 属性指定全尺寸图片的 URL,target 属性设置为 _blank 指定在新窗口中显示该图片;<img> 标记的 src 属性指定缩略图的 URL。

如果我们想对显示全尺寸图片的窗口的外观进行某些控制(比如希望弹出窗口的高度、宽度能与全尺寸图片的大小匹配时),则可调用 window.open 方法,该方法接收三个参数,分别指定要打开文件的 URL,窗口名及窗口特性,在窗口特性参数中可指定窗口的高度、宽度,是否显示菜单栏、工具栏等。以下代码将显示全尺寸图片在一个没有工具栏、地址栏、状态栏、菜单栏,宽、高分别为400、350的窗口中:

&lt;a href=&quot;fullsize.jpg&quot; onClick=&quot;window.open(this.href,'', 'height=350,width=400,toolbar=no,location=no,status=no,menubar=no');return false&quot;&gt;<br />
&lt;img src=&quot;small.jpg&quot;/&gt;&lt;/a&gt;

这里就提出了个问题,如果所有全尺寸图片都具有统一的大小(比如都是400×350),那么以上代码适用于所有的缩略图片链接(只是 href 属性指向的全尺寸图片文件不同)。但如果全尺寸图片的大小并不统一,还用以上代码则我们需要先取得每幅全尺寸图片的大小,然后在 window.open 方法的窗口特性参数中一一设置 height 和 width 为正确的值,在图片数量较多的情况下,这显然效率太低了。那么是否有一劳永逸的方法,即让弹出窗口能自动适应要显示图片的大小?通过研究,发现可以使用 DHTML 中的 Image 对象来达到我们的目的,Image 对象可动态装载指定的图片,通过读取其 width 和 height 属性即能获得装入图片的大小,以此来设置弹出窗口的大小,即可实现自适应图片大小的弹出窗口了。下面即是实现代码: Read more »

Page 3 of 3123