📄 picture21.htm
字号:
<html>
<head>
<title>自动显示图片属性</title>
<style type="text/css">
<!--
body { font-family: "宋体"; font-size: 9pt; margin-top: 0px; margin-left: 0px; margin-right: 0px}
A { COLOR: black; FONT-SIZE: 13px; FONT-WEIGHT: 400; TEXT-DECORATION: none }
A:hover { COLOR: red; FONT-SIZE: 13px; FONT-WEIGHT: 400; TEXT-DECORATION: underline }
a:active { font: 9pt "宋体"; cursor: hand; color: #FF0033 }
-->
</style>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function checkImage(loc) {
loc = "image-popup.html?" + loc;
windowprops = 'menubar=0,toolbar=0,status=0,location=0';
popupWindow = open(loc, 'previewWin', windowprops);
if (popupWindow.opener == null)
popupWindow.opener = self;
}
// End -->
</script>
</head>
<body bgcolor="#fef4d9">
<br>
<br>
<center><font color=red face="隶书" size=6>自动显示图片属性</font></center>
<br>
<br><center>
<table border=5 bordercolor=blue borderlight=green>
<tr><td align=center><font size=5 color=red face="Arial, Helvetica, sans-serif"><strong>下面框中为脚本显示区</strong></font></td></tr>
<tr><td align=center>
<form name=dimform>
请输入你所要显示的图片的路径:<br>
<input type=text name=url size=40 value="http://">
<input type=button value="OK" onClick="checkImage(this.form.url.value);">
<p>
检测结果:<p>
宽度 = <input type=text name=width><br>
高度 = <input type=text name=height>
</form>
</td></tr></table></center>
<br>
<br>
<center>
<textarea name=source rows=12 cols=55 class=yk9>
脚本说明:
第一步:把如下代码加入<head>区域中
<SCRIPT LANGUAGE="JavaScript">
<!-- Begin
function checkImage(loc) {
loc = "image-popup.html?" + loc;
windowprops = 'menubar=0,toolbar=0,status=0,location=0';
popupWindow = open(loc, 'previewWin', windowprops);
if (popupWindow.opener == null)
popupWindow.opener = self;
}
// End -->
</script>
第二步:把如下代码加入<body>区域中
<form name=dimform>
请输入你所要显示的图片的路径:<br>
<input type=text name=url size=40 value="http://">
<input type=button value="OK" onClick="checkImage(this.form.url.value);">
<p>
检测结果:<p>
宽度 = <input type=text name=width><br>
高度 = <input type=text name=height>
</form>
第三步:新建image-popup.html的文件，其代码如下:
<HTML>
<HEAD>
<SCRIPT LANGUAGE="JavaScript1.1">
<!-- Begin
imageerror = 0;
function allDone() {
width = (!imageerror) ? document.images[0].width : "error";
height = (!imageerror) ? document.images[0].height : "error";
opener.document.dimform.width.value = width;
opener.document.dimform.height.value = height;
timerID = window.setTimeout('window.close();', 2000);
}
function complain() {
imageerror = 1;
alert('Error loading that image. Please correct the image URL and try again.');
timerID = window.setTimeout('window.close();', 2000);}
// End -->
</SCRIPT>
</HEAD>
<BODY onLoad="allDone();">
<script language="JavaScript">
<!-- Begin
query = location.search;
url = query.substring(1, query.length);
document.write("<img src='" + url + "' onError='complain();'>");
// End -->
</script>
<P>
Loading image.... Reading dimensions....
</BODY>
</HTML>
</textarea>
<SCRIPT LANGUAGE="JavaScript">
<!-- hide
function goHist(a)
{
history.go(a);
}
//-->
</script>
<FORM METHOD="post">
<INPUT TYPE="button" VALUE="返回" onClick="goHist(-1)" style="background-color: #8000FF; color: rgb(255,255,255)">
</form>
</center>
<br>
<br>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -