下面是一个完整的例子:
<script language=javascript>
<!--
function dosall()
{
var i = 0;
var len = document.frmxx.dxry.options.length;
for(i=0;i<len;i++){
var e = document.createElement("option");
e.value = document.frmxx.dxry.options[i].value;
e.text = document.frmxx.dxry.options[i].text;
document.frmxx.yxry.add(e);
}
for(i=0;i<len;i++){
document.frmxx.dxry.remove(0);
}
}
function dosone()
{
var e = document.createElement("option");
e.value = document.frmxx.dxry.options[document.frmxx.dxry.selectedIndex].value;
e.text = document.frmxx.dxry.options[document.frmxx.dxry.selectedIndex].text;
document.frmxx.yxry.add(e);
document.frmxx.dxry.remove(document.frmxx.dxry.selectedIndex);
}
function dodsone()
{
var e = document.createElement("option");
e.value = document.frmxx.yxry.options[document.frmxx.yxry.selectedIndex].value;
e.text = document.frmxx.yxry.options[document.frmxx.yxry.selectedIndex].text;
document.frmxx.dxry.add(e);
document.frmxx.yxry.remove(document.frmxx.yxry.selectedIndex);
}
function dosnone()
{
var i = 0;
var len = document.frmxx.yxry.options.length;
for(i=0;i<len;i++){
var e = document.createElement("option");
e.value = document.frmxx.yxry.options[i].value;
e.text = document.frmxx.yxry.options[i].text;
document.frmxx.dxry.add(e);
}
for(i=0;i<len;i++){
document.frmxx.yxry.remove(0);
}
}
-->
</script>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<link rel="stylesheet" href="css/main.css">
<title>选择轮阅部门</title>
</head>
<body topmargin="0" leftmargin="0" οncοntextmenu="return false" onselectstart="return false" οndragstart="return false" >
<table width=470 border=0 align=center cellpadding=0 cellspacing=0 style="margin-left:7px">
<tr>
<td>
<form method=post name=frmxx id=frmxx>
<table width="100%" align=center>
<tr align=center style="font-size:12px">
<td>可选部门</td>
<td> </td>
<td>已选部门</td>
</tr>
<tr align=center>
<td>
<select id=dxry name=dxry style="display:inline;width: 100%" size=9 rows=9 οndblclick="dosone()">
<option value="3002">办公室</option>
<option value="3003">政策法规处</option>
<option value="3004">组织宣传处</option>
<option value="3005">人事处</option>
<option value="3006">计划财务处</option>
<option value="3008">高教师训处</option>
<option value="3009">高校办</option>
<option value="3010">基教处</option>
<option value="3011">团工委</option>
<option value="3012">语委办</option>
<option value="3013">职成教处</option>
<option value="3014">体艺卫处</option>
<option value="3015">督导处</option>
<option value="3016">高招办</option>
<option value="3017">监察审计室</option>
<option value="3018">教育工会</option>
<option value="3020">机关党委</option>
<option value="3035">国际交流处</option>
<option value="3036">妇委会</option>
</select>
</td>
<td valign=center width=40>
<span valign=center>
<input type=button class=button value="全选>>" id=bsall name=bsall onClick="dosall()">
<input type=button class=button value="选中 >" id=AA name=AA onClick="dosone()">
<input type=button class=button value="< 清除" id=BB name=BB onClick="dodsone()">
<input type=button class=button value="<<全清" id=bsnone name=bsnone onClick="dosnone()">
</td>
<td>
<select id=yxry name=yxry style="display:inline;width: 100%" size=9 rows=9 οndblclick="dodsone()">
</select>
</td>
</tr>
<tr>
<td align=center valign="bottom" height="30" colspan=3>
<input type=button value=确定 name="bQD" id="bQD" onClick="vbscript:doSave">
<input type=button value=取消 name="bFQ" id="bFQ" οnclick='vbscript:window.close'>
</td>
</tr>
</table>
</form>
</td>
</tr>
</table>
</body>
</html>
<script language=javascript>
<!--
function dosall()
{
var i = 0;
var len = document.frmxx.dxry.options.length;
for(i=0;i<len;i++){
var e = document.createElement("option");
e.value = document.frmxx.dxry.options[i].value;
e.text = document.frmxx.dxry.options[i].text;
document.frmxx.yxry.add(e);
}
for(i=0;i<len;i++){
document.frmxx.dxry.remove(0);
}
}
function dosone()
{
var e = document.createElement("option");
e.value = document.frmxx.dxry.options[document.frmxx.dxry.selectedIndex].value;
e.text = document.frmxx.dxry.options[document.frmxx.dxry.selectedIndex].text;
document.frmxx.yxry.add(e);
document.frmxx.dxry.remove(document.frmxx.dxry.selectedIndex);
}
function dodsone()
{
var e = document.createElement("option");
e.value = document.frmxx.yxry.options[document.frmxx.yxry.selectedIndex].value;
e.text = document.frmxx.yxry.options[document.frmxx.yxry.selectedIndex].text;
document.frmxx.dxry.add(e);
document.frmxx.yxry.remove(document.frmxx.yxry.selectedIndex);
}
function dosnone()
{
var i = 0;
var len = document.frmxx.yxry.options.length;
for(i=0;i<len;i++){
var e = document.createElement("option");
e.value = document.frmxx.yxry.options[i].value;
e.text = document.frmxx.yxry.options[i].text;
document.frmxx.dxry.add(e);
}
for(i=0;i<len;i++){
document.frmxx.yxry.remove(0);
}
}
-->
</script>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<link rel="stylesheet" href="css/main.css">
<title>选择轮阅部门</title>
</head>
<body topmargin="0" leftmargin="0" οncοntextmenu="return false" onselectstart="return false" οndragstart="return false" >
<table width=470 border=0 align=center cellpadding=0 cellspacing=0 style="margin-left:7px">
<tr>
<td>
<form method=post name=frmxx id=frmxx>
<table width="100%" align=center>
<tr align=center style="font-size:12px">
<td>可选部门</td>
<td> </td>
<td>已选部门</td>
</tr>
<tr align=center>
<td>
<select id=dxry name=dxry style="display:inline;width: 100%" size=9 rows=9 οndblclick="dosone()">
<option value="3002">办公室</option>
<option value="3003">政策法规处</option>
<option value="3004">组织宣传处</option>
<option value="3005">人事处</option>
<option value="3006">计划财务处</option>
<option value="3008">高教师训处</option>
<option value="3009">高校办</option>
<option value="3010">基教处</option>
<option value="3011">团工委</option>
<option value="3012">语委办</option>
<option value="3013">职成教处</option>
<option value="3014">体艺卫处</option>
<option value="3015">督导处</option>
<option value="3016">高招办</option>
<option value="3017">监察审计室</option>
<option value="3018">教育工会</option>
<option value="3020">机关党委</option>
<option value="3035">国际交流处</option>
<option value="3036">妇委会</option>
</select>
</td>
<td valign=center width=40>
<span valign=center>
<input type=button class=button value="全选>>" id=bsall name=bsall onClick="dosall()">
<input type=button class=button value="选中 >" id=AA name=AA onClick="dosone()">
<input type=button class=button value="< 清除" id=BB name=BB onClick="dodsone()">
<input type=button class=button value="<<全清" id=bsnone name=bsnone onClick="dosnone()">
</td>
<td>
<select id=yxry name=yxry style="display:inline;width: 100%" size=9 rows=9 οndblclick="dodsone()">
</select>
</td>
</tr>
<tr>
<td align=center valign="bottom" height="30" colspan=3>
<input type=button value=确定 name="bQD" id="bQD" onClick="vbscript:doSave">
<input type=button value=取消 name="bFQ" id="bFQ" οnclick='vbscript:window.close'>
</td>
</tr>
</table>
</form>
</td>
</tr>
</table>
</body>
</html>
发表于 @
2006年05月19日 13:40:00 |
评论 (0)
下面是一个完整的例子:
<script language=javascript>
<!--
function dosall()
{
var i = 0;
var len = document.frmxx.dxry.options.length;
for(i=0;i<len;i++){
var e = document.createElement("option");
e.value = document.frmxx.dxry.options[i].value;
e.text = document.frmxx.dxry.options[i].text;
document.frmxx.yxry.add(e);
}
for(i=0;i<len;i++){
document.frmxx.dxry.remove(0);
}
}
function dosone()
{
var e = document.createElement("option");
e.value = document.frmxx.dxry.options[document.frmxx.dxry.selectedIndex].value;
e.text = document.frmxx.dxry.options[document.frmxx.dxry.selectedIndex].text;
document.frmxx.yxry.add(e);
document.frmxx.dxry.remove(document.frmxx.dxry.selectedIndex);
}
function dodsone()
{
var e = document.createElement("option");
e.value = document.frmxx.yxry.options[document.frmxx.yxry.selectedIndex].value;
e.text = document.frmxx.yxry.options[document.frmxx.yxry.selectedIndex].text;
document.frmxx.dxry.add(e);
document.frmxx.yxry.remove(document.frmxx.yxry.selectedIndex);
}
function dosnone()
{
var i = 0;
var len = document.frmxx.yxry.options.length;
for(i=0;i<len;i++){
var e = document.createElement("option");
e.value = document.frmxx.yxry.options[i].value;
e.text = document.frmxx.yxry.options[i].text;
document.frmxx.dxry.add(e);
}
for(i=0;i<len;i++){
document.frmxx.yxry.remove(0);
}
}
-->
</script>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<link rel="stylesheet" href="css/main.css">
<title>选择轮阅部门</title>
</head>
<body topmargin="0" leftmargin="0" οncοntextmenu="return false" onselectstart="return false" οndragstart="return false" >
<table width=470 border=0 align=center cellpadding=0 cellspacing=0 style="margin-left:7px">
<tr>
<td>
<form method=post name=frmxx id=frmxx>
<table width="100%" align=center>
<tr align=center style="font-size:12px">
<td>可选部门</td>
<td> </td>
<td>已选部门</td>
</tr>
<tr align=center>
<td>
<select id=dxry name=dxry style="display:inline;width: 100%" size=9 rows=9 οndblclick="dosone()">
<option value="3002">办公室</option>
<option value="3003">政策法规处</option>
<option value="3004">组织宣传处</option>
<option value="3005">人事处</option>
<option value="3006">计划财务处</option>
<option value="3008">高教师训处</option>
<option value="3009">高校办</option>
<option value="3010">基教处</option>
<option value="3011">团工委</option>
<option value="3012">语委办</option>
<option value="3013">职成教处</option>
<option value="3014">体艺卫处</option>
<option value="3015">督导处</option>
<option value="3016">高招办</option>
<option value="3017">监察审计室</option>
<option value="3018">教育工会</option>
<option value="3020">机关党委</option>
<option value="3035">国际交流处</option>
<option value="3036">妇委会</option>
</select>
</td>
<td valign=center width=40>
<span valign=center>
<input type=button class=button value="全选>>" id=bsall name=bsall onClick="dosall()">
<input type=button class=button value="选中 >" id=AA name=AA onClick="dosone()">
<input type=button class=button value="< 清除" id=BB name=BB onClick="dodsone()">
<input type=button class=button value="<<全清" id=bsnone name=bsnone onClick="dosnone()">
</td>
<td>
<select id=yxry name=yxry style="display:inline;width: 100%" size=9 rows=9 οndblclick="dodsone()">
</select>
</td>
</tr>
<tr>
<td align=center valign="bottom" height="30" colspan=3>
<input type=button value=确定 name="bQD" id="bQD" onClick="vbscript:doSave">
<input type=button value=取消 name="bFQ" id="bFQ" οnclick='vbscript:window.close'>
</td>
</tr>
</table>
</form>
</td>
</tr>
</table>
</body>
</html>
<script language=javascript>
<!--
function dosall()
{
var i = 0;
var len = document.frmxx.dxry.options.length;
for(i=0;i<len;i++){
var e = document.createElement("option");
e.value = document.frmxx.dxry.options[i].value;
e.text = document.frmxx.dxry.options[i].text;
document.frmxx.yxry.add(e);
}
for(i=0;i<len;i++){
document.frmxx.dxry.remove(0);
}
}
function dosone()
{
var e = document.createElement("option");
e.value = document.frmxx.dxry.options[document.frmxx.dxry.selectedIndex].value;
e.text = document.frmxx.dxry.options[document.frmxx.dxry.selectedIndex].text;
document.frmxx.yxry.add(e);
document.frmxx.dxry.remove(document.frmxx.dxry.selectedIndex);
}
function dodsone()
{
var e = document.createElement("option");
e.value = document.frmxx.yxry.options[document.frmxx.yxry.selectedIndex].value;
e.text = document.frmxx.yxry.options[document.frmxx.yxry.selectedIndex].text;
document.frmxx.dxry.add(e);
document.frmxx.yxry.remove(document.frmxx.yxry.selectedIndex);
}
function dosnone()
{
var i = 0;
var len = document.frmxx.yxry.options.length;
for(i=0;i<len;i++){
var e = document.createElement("option");
e.value = document.frmxx.yxry.options[i].value;
e.text = document.frmxx.yxry.options[i].text;
document.frmxx.dxry.add(e);
}
for(i=0;i<len;i++){
document.frmxx.yxry.remove(0);
}
}
-->
</script>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<link rel="stylesheet" href="css/main.css">
<title>选择轮阅部门</title>
</head>
<body topmargin="0" leftmargin="0" οncοntextmenu="return false" onselectstart="return false" οndragstart="return false" >
<table width=470 border=0 align=center cellpadding=0 cellspacing=0 style="margin-left:7px">
<tr>
<td>
<form method=post name=frmxx id=frmxx>
<table width="100%" align=center>
<tr align=center style="font-size:12px">
<td>可选部门</td>
<td> </td>
<td>已选部门</td>
</tr>
<tr align=center>
<td>
<select id=dxry name=dxry style="display:inline;width: 100%" size=9 rows=9 οndblclick="dosone()">
<option value="3002">办公室</option>
<option value="3003">政策法规处</option>
<option value="3004">组织宣传处</option>
<option value="3005">人事处</option>
<option value="3006">计划财务处</option>
<option value="3008">高教师训处</option>
<option value="3009">高校办</option>
<option value="3010">基教处</option>
<option value="3011">团工委</option>
<option value="3012">语委办</option>
<option value="3013">职成教处</option>
<option value="3014">体艺卫处</option>
<option value="3015">督导处</option>
<option value="3016">高招办</option>
<option value="3017">监察审计室</option>
<option value="3018">教育工会</option>
<option value="3020">机关党委</option>
<option value="3035">国际交流处</option>
<option value="3036">妇委会</option>
</select>
</td>
<td valign=center width=40>
<span valign=center>
<input type=button class=button value="全选>>" id=bsall name=bsall onClick="dosall()">
<input type=button class=button value="选中 >" id=AA name=AA onClick="dosone()">
<input type=button class=button value="< 清除" id=BB name=BB onClick="dodsone()">
<input type=button class=button value="<<全清" id=bsnone name=bsnone onClick="dosnone()">
</td>
<td>
<select id=yxry name=yxry style="display:inline;width: 100%" size=9 rows=9 οndblclick="dodsone()">
</select>
</td>
</tr>
<tr>
<td align=center valign="bottom" height="30" colspan=3>
<input type=button value=确定 name="bQD" id="bQD" onClick="vbscript:doSave">
<input type=button value=取消 name="bFQ" id="bFQ" οnclick='vbscript:window.close'>
</td>
</tr>
</table>
</form>
</td>
</tr>
</table>
</body>
</html>
发表于 @
2006年05月19日 13:37:00 |
评论 (0)
1.check合法邮件地址:
<script language="JavaScript"><!--
function checkMailAddr(dstText)
{
data = dstText.match(/^/S+@/S+/./S+$/);
if (!data || !dstText) return false;
return true;
}
// --></script>
function checkMailAddr(dstText)
{
data = dstText.match(/^/S+@/S+/./S+$/);
if (!data || !dstText) return false;
return true;
}
// --></script>
2.check合法IP:
<script language="JavaScript"><!--
function checkIPAddr(dstText)
{
data = dstText.match(/^/d{1,3}/./d{1,3}/./d{1,3}/./d{1,3}$/);
if (!data || !dstText) return false;
return true;
}
// --></script>
function checkIPAddr(dstText)
{
data = dstText.match(/^/d{1,3}/./d{1,3}/./d{1,3}/./d{1,3}$/);
if (!data || !dstText) return false;
return true;
}
// --></script>
3.check合法日期
<script language="JavaScript"><!--
function checkDate(dstText)
{
data = dstText.match(/(/d{2})//(/d{2})//(/d{2})/);
if (!data || !dstText) return false;
alert(RegExp.$1+""+RegExp.$2+"る"+RegExp.$3+"ら");
return true;
}
// --></script>
function checkDate(dstText)
{
data = dstText.match(/(/d{2})//(/d{2})//(/d{2})/);
if (!data || !dstText) return false;
alert(RegExp.$1+""+RegExp.$2+"る"+RegExp.$3+"ら");
return true;
}
// --></script>
4.check中文
<script language="JavaScript"><!--
function checkAlp(dstText)
{
data = dstText.match(/[^a-z]/gi);
if (data || !dstText) return false;
return true;
}
// --></script>
function checkAlp(dstText)
{
data = dstText.match(/[^a-z]/gi);
if (data || !dstText) return false;
return true;
}
// --></script>
5.check数字
<script language="JavaScript"><!--
function checkNum(dstText)
{
data = dstText.match(/[^0-9]/g);
if (data || !dstText) return false;
return true;
}
// --></script>
function checkNum(dstText)
{
data = dstText.match(/[^0-9]/g);
if (data || !dstText) return false;
return true;
}
// --></script>
JAVASCRIPT事件
javascript 事件查询综合
click() 对象 .click() 使对象被点击。
closed 对象 .closed 对象窗口是否已关闭 true/false
clearTimeout( 对象 ) 清除已设置的 setTimeout 对象
clearInterval( 对象 ) 清除已设置的 setInterval 对象
confirm(" 提示信息 ") 弹出确认框,确定返回 true 取消返回 false
cursor: 样式 更改鼠标样式 hand crosshair text wait help default auto e/s/w/n-resize
event.clientX 返回最后一次点击鼠标 X 坐标值;
event.clientY 返回最后一次点击鼠标 Y 坐标值;
event.offsetX 返回当前鼠标悬停 X 坐标值
event.offsetY 返回当前鼠标悬停 Y 坐标值
document.write(document.lastModified) 网页最后一次更新时间
document.οndblclick=x 当双击鼠标产生事件
document.οnmοusedοwn=x 单击鼠标键产生事件
document.body.scrollTop; 返回和设置当前竖向滚动条的坐标值,须与函数配合 ,
document.body.scrollLeft; 返回和设置当前横向滚动务的坐标值,须与函数配合,
document.title document.title="message"; 当前窗口的标题栏文字
document.bgcolor document.bgcolor=" 颜色值 "; 改变窗口背景颜色
document.Fgcolor document.Fgcolor=" 颜色值 "; 改变正文颜色
document.linkcolor document.linkcolor=" 颜色值 "; 改变超联接颜色
document.alinkcolor document.alinkcolor=" 颜色值 "; 改变正点击联接的颜色
document.VlinkColor document.VlinkColor=" 颜色值 "; 改变已访问联接的颜色
document.forms.length 返回当前页 form 表单数
document.anchors.length 返回当前页锚的数量
document.links.length 返回当前页联接的数量
document.οnmοusedοwn=x 单击鼠标触发事件
document.οndblclick=x 双击鼠标触发事件
defaultStatus window.status=defaultStatus; 将状态栏设置默认显示
function function xx(){...} 定义函数
isNumeric 判断是否是数字
innerHTML xx= 对象 .innerHTML 输入某对象标签中的 html 源代码
innerText divid.innerText=xx 将以 div 定位以 id 命名的对象值设为 XX
location.reload(); 使本页刷新, target 可等于一个刷新的网页
Math.random() 随机涵数 , 只能是 0 到 1 之间的数 , 如果要得到其它数 , 可以为 *10, 再取整
Math.floor(number) 将对象 number 转为整数,舍取所有小数
Math.min(1,2) 返回 1,2 哪个小
Math.max(1,2) 返回 1,2 哪个大
navigator.appName 返回当前浏览器名称
navigator.appVersion 返回当前浏览器版本号
navigator.appCodeName 返回当前浏览器代码名字
navigator.userAgent 返回当前浏览器用户代标志
onsubmit οnsubmit="return(xx())" 使用函数返回值
opener opener.document. 对象 控制原打开窗体对象
prompt xx=window.prompt(" 提示信息 "," 预定值 "); 输入语句
parent parent. 框架名 . 对象 控制框架页面
return return false 返回值
random 随机参数( 0 至 1 之间)
reset() form.reset(); 使 form 表单内的数据重置
split("") string.split("") 将 string 对象字符以逗号隔开
submit() form 对象 .submit() 使 form 对象提交数据
String 对象的 charAt(x) 对象 反回指定对象的第多少位的字母
lastIndexOf("string") 从右到左询找指定字符,没有返回 -1
indexOf("string") 从左到右询找指定字符,没有返回 -1
LowerCase() 将对象全部转为小写
UpperCase() 将对象全部转为大写
substring(0,5) string.substring(x,x) 返回对象中从 0 到 5 的字符
setTimeout("function",time) 设置一个超时对象
setInterval("function",time) 设置一个超时对象
toLocaleString() x.toLocaleString() 从 x 时间对象中获取时间,以字符串型式存在
typeof( 变量名 ) 检查变量的类型,值有: String,Boolean,Object,Function,Underfined
window.event.button==1/2/3 鼠标键左键等于 1 右键等于 2 两个键一起按为 3
window.screen.availWidth 返回当前屏幕宽度 ( 空白空间 )
window.screen.availHeight 返回当前屏幕高度 ( 空白空间 )
window.screen.width 返回当前屏幕宽度 ( 分辨率值 )
window.screen.height 返回当前屏幕高度 ( 分辨率值 )
window.document.body.offsetHeight; 返回当前网页高度
window.document.body.offsetWidth; 返回当前网页宽度
window.resizeTo(0,0) 将窗口设置宽高
window.moveTo(0,0) 将窗口移到某位置
window.focus() 使当前窗口获得焦点
window.scroll(x,y) 窗口滚动条坐标, y 控制上下移动,须与函数配合
window.open() window.open(" 地址 "," 名称 "," 属性 ")
属性 :toolbar( 工具栏 ),location( 地址栏 ),directions,status( 状态栏 ),
menubar( 菜单栏 ),scrollbar( 滚动条 ),resizable( 改变大小 ), width( 宽 ),height( 高 ),fullscreen( 全 屏 ),scrollbars( 全屏时无滚动条无参 数 ,channelmode( 宽屏 ),left( 打开窗口 x 坐标 ),top( 打开窗口 y 坐标 )
window.location = 'view-source:' + window.location.href 应用事件查看网页源代码 ;
a=new Date(); // 创建 a 为一个新的时期对象
y=a.getYear(); //y 的值为从对象 a 中获取年份值 两位数年份
y1=a.getFullYear(); // 获取全年份数 四位数年份
m=a.getMonth(); // 获取月份值
d=a.getDate(); // 获取日期值
d1=a.getDay(); // 获取当前星期值
h=a.getHours(); // 获取当前小时数
m1=a.getMinutes(); // 获取当前分钟数
s=a.getSeconds(); // 获取当前秒钟数
对象 .style.fontSize=" 文字大小 ";
单位: mm/cm/in 英寸 /pc 帕 /pt 点 /px 象素 /em 文字高
1in=1.25cm
1pc=12pt
1pt=1.2px(800*600 分辩率下 )
文本字体属性:
fontSize 大小
family 字体
color 颜色
fontStyle 风格,取值为 normal 一般 ,italic 斜体 ,oblique 斜体且加粗
fontWeight 加粗 , 取值为 100 到 900 不等 ,900 最粗 ,light,normal,bold
letterSpacing 间距 , 更改文字间距离 , 取值为 ,1pt,10px,1cm
textDecoration: 文字修饰 ; 取值 ,none 不修饰 ,underline 下划线 ,overline 上划线
background: 文字背景颜色 ,
backgroundImage: 背景图片 , 取值为图片的插入路径
点击网页正文函数调用触发器:
1.onClick 当对象被点击
2.onLoad 当网页打开 , 只能书写在 body 中
3.onUnload 当网页关闭或离开时 , 只能书写在 body 中
4.onmouseover 当鼠标悬于其上时
5.onmouseout 当鼠标离开对象时
6.onmouseup 当鼠标松开
7.onmousedown 当鼠标按下键
8.onFocus 当对象获取焦点时
9.onSelect 当对象的文本被选中时
10.onChange 当对象的内容被改变
11.onBlur 当对象失去焦点
οnsubmit=return(ss()) 表单调用时返回的值
直线 border-bottom:1x solid black
虚线 border-bottom:1x dotted black
点划线 border-bottom:2x dashed black
双线 border-bottom:5x double black
槽状 border-bottom:1x groove black
脊状 border-bottom:1x ridge black
1. 边缘高光 glow(color= 颜色 ,strength= 亮光大小 )<br>
2. 水平翻转 fliph() 使对象水平翻转 180 度 <br>
3. 垂直翻转 flipv() 使对象垂直翻转 180 度 <br>
4. 对象模糊 blur(add=true/false direction= 方向 strength= 强度 )
add 指定是否按印象画派进行模糊 direction 模糊方向 strength 模糊强度
5. 对象透明 alpha(opaction=0-100,finishopacity=0-100,style=0/1/2/3)
opaction 对象整体不透明值 finishopacity 当对象利用了渐透明时该项指定结束透明位置的不透明值 style 指定透明方式 0 为整体透明, 1 为线型透明, 2 为圆型透明, 3 为矩形透明
6. 去除颜色 chroma(color= 颜色值 ) 使对象中颜色与指定颜色相同区域透明
7. 建立阴影 dropshadow(color= 阴影颜色 ,offx= 水平向左偏离像素 ,offy= 水平向下偏离像素 )
8. 去色 gray() 使对象呈灰度显示
9. 负片效果 invert() 使对象呈底片效果
10. 高光 light() 使对象呈黑色显示
11. 遮盖 mask(color= 颜色 ) 使整个对象以指定颜色进行蒙板一次
opacity 表透明度水平 .0~100,0 表全透明 ,100 表完全不透明
finishopacity 表想要设置的渐变透明效果 .0~100.
style 表透明区的形状 .0 表统一形状 .1 表线形 .2 表放射形 .3 表长方形 .
startx.starty 表渐变透明效果的开始时 X 和 Y 坐标 .
finishx,finishy 渐变透明效果结束时 x,y 的坐标 .
add 有来确定是否在模糊效果中使有原有目标 . 值为 0,1.0 表 " 否 ",1 表 " 是 ".
direction 设置模糊的方向 .0 度表垂直向上 ,45 度为一个单位 . 默认值是向左 270 度 .left,right,down,up.
strength 只能用整数来确定 . 代表有多少个像素的宽度将受到模糊影响 . 默认是 5 个 .
color 要透明的颜色 .
offx,offy 分别是 x,y 方向阴影的偏移量 .
positive 指投影方式 .0 表透明像素生成阴影 .1 表只给出不透明像素生成阴影 ..
AddAmbient: 加入包围的光源 .
AddCone: 加入锥形光源 .
AddPoint 加入点光源
Changcolor: 改变光的颜色.
Changstrength: 改变光源的强度.
Clear: 清除所有的光源.
MoveLight: 移动光源.
freq 是波纹的频率,在指定在对象上一区需要产生多少个完事的波纹.
lightstrength 可对于波纹增强光影的效果.显著 0~100 正整数,正弦波开始位置是 0~360 度. 0 表从 0 度开始, 25 表从 90 度开始.
strength 表振幅大小.
hand style="cursor:hand"
crosshair style="cursor:crosshair"
text style="cursor:text"
wait style="cursor:wait"
default style="cursor:default"
help style="cursor:help"
e-resize style="cursor:e-resize"
ne-resize style="cursor:ne-resize"
n-resize style="cursor:n-resize"
nw-resize style="cursor:nw-resize"
w-resize style="cursor:w-resize"
s-resize style="cursor:s-resize"
sw-resize style="cursor:sw-resize "
se-resize style="cursor:se-resize"
auto style="cursor:auto"
发表于 @
2006年05月19日 10:14:00 |
评论 (0)
40种网页常用小技巧
|
下面是javascript的40个网页常用小技巧,对网站开发人员相信会有帮助。
1. οncοntextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键 <table border οncοntextmenu=return(false)><td>no</table> 可用于Table 2. <body onselectstart="return false"> 取消选取、防止复制 3. οnpaste="return false" 不准粘贴 4. οncοpy="return false;" oncut="return false;" 防止复制 5. <link rel="Shortcut Icon" href="favicon.ico"> IE地址栏前换成自己的图标 6. <link rel="Bookmark" href="favicon.ico"> 可以在收藏夹中显示出你的图标 7. <input style="ime-mode:disabled"> 关闭输入法 8. 永远都会带着框架 <script language="JavaScript"><!-- if (window == top)top.location.href = "frames.htm"; //frames.htm为框架网页 // --></script> 9. 防止被人frame <SCRIPT LANGUAGE=JAVASCRIPT><!-- if (top.location != self.location)top.location=self.location; // --></SCRIPT> 10. 网页将不能被另存为 <noscript><iframe src="/blog/*.html>";</iframe></noscript> 11. <input type=button value=查看网页源代码 οnclick="window.location = "view-source:"+ " http://www.williamlong.info""> 12.删除时确认 <a href="javascript:if(confirm("确实要删除吗?"))location="boos.asp?&areyou=删除&page=1"">删除</a> 13. 取得控件的绝对位置 //Javascript <script language="Javascript"> function getIE(e){ var t=e.offsetTop; var l=e.offsetLeft; while(e=e.offsetParent) alert("top="+t+"/nleft="+l); } </script> //VBScript <script language="VBScript"><!-- function getIE() dim t,l,a,b set a=document.all.img1 t=document.all.img1.offsetTop l=document.all.img1.offsetLeft while a.tagName<>"BODY" set a = a.offsetParent t=t+a.offsetTop l=l+a.offsetLeft wend msgbox "top="&t&chr(13)&"left="&l,64,"得到控件的位置" end function --></script> 14. 光标是停在文本框文字的最后 <script language="javascript"> function cc() { var e = event.srcElement; var r =e.createTextRange(); r.moveStart("character",e.value.length); r.collapse(true); r.select(); } </script> <input type=text name=text1 value="123" οnfοcus="cc()"> 15. 判断上一页的来源 javascript: document.referrer 16. 最小化、最大化、关闭窗口 <object id=hh1 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11"> <param name="Command" value="Minimize"></object> <object id=hh2 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11"> <param name="Command" value="Maximize"></object> <OBJECT id=hh3 classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"> <PARAM NAME="Command" VALUE="Close"></OBJECT> <input type=button value=最小化 οnclick=hh1.Click()> <input type=button value=最大化 οnclick=hh2.Click()> <input type=button value=关闭 οnclick=hh3.Click()> 本例适用于IE 17.屏蔽功能键Shift,Alt,Ctrl <script> function look(){ if(event.shiftKey) alert("禁止按Shift键!"); //可以换成ALT CTRL } document.οnkeydοwn=look; </script> 18. 网页不会被缓存 <META HTTP-EQUIV="pragma" CONTENT="no-cache"> <META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate"> <META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT"> 或者<META HTTP-EQUIV="expires" CONTENT="0"> 19.怎样让表单没有凹凸感? <input type=text style="border:1 solid #000000"> 或 <input type=text style="border-left:none; border-right:none; border-top:none; border-bottom: 1 solid #000000"></textarea> 20.<div><span>&<layer>的区别? <div>(division)用来定义大段的页面元素,会产生转行 <span>用来定义同一行内的元素,跟<div>的唯一区别是不产生转行 <layer>是ns的标记,ie不支持,相当于<div> 21.让弹出窗口总是在最上面: <body οnblur="this.focus();"> 22.不要滚动条? 让竖条没有: <body style="overflow:scroll;overflow-y:hidden"> </body> 让横条没有: <body style="overflow:scroll;overflow-x:hidden"> </body> 两个都去掉?更简单了 <body scroll="no"> </body> 23.怎样去掉图片链接点击后,图片周围的虚线? <a href="#" onFocus="this.blur()"><img src="/blog/logo.jpg" border=0></a> 24.电子邮件处理提交表单 <form name="form1" method="post" action="mailto:****@***.com" enctype="text/plain"> <input type=submit> </form> 25.在打开的子窗口刷新父窗口的代码里如何写? window.opener.location.reload() 26.如何设定打开页面的大小 <body οnlοad="top.resizeTo(300,200);"> 打开页面的位置<body οnlοad="top.moveBy(300,200);"> 27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动 <STYLE> body {background-image:url(/blog/logo.gif); background-repeat:no-repeat; background-position:center;background-attachment: fixed} </STYLE> 28. 检查一段字符串是否全由数字组成 <script language="Javascript"><!-- function checkNum(str){return str.match(//D/)==null} alert(checkNum("1232142141")) alert(checkNum("123214214a1")) // --></script> 29. 获得一个窗口的大小 document.body.clientWidth; document.body.clientHeight 30. 怎么判断是否是字符 if (/[^/x00-/xff]/g.test(s)) alert("含有汉字"); else alert("全是字符"); 31.TEXTAREA自适应文字行数的多少 <textarea rows=1 name=s1 cols=27 onpropertychange="this.style.posHeight=this.scrollHeight"> </textarea> 32. 日期减去天数等于第二个日期 <script language=Javascript> function cc(dd,dadd) { //可以加上错误处理 var a = new Date(dd) a = a.valueOf() a = a - dadd * 24 * 60 * 60 * 1000 a = new Date(a) alert(a.getFullYear() + "年" + (a.getMonth() + 1) + "月" + a.getDate() + "日") } cc("12/23/2002",2) </script> 33. 选择了哪一个Radio <HTML><script language="vbscript"> function checkme() for each ob in radio1 if ob.checked then window.alert ob.value next end function </script><BODY> <INPUT name="radio1" type="radio" value="style" checked>Style <INPUT name="radio1" type="radio" value="barcode">Barcode <INPUT type="button" value="check" οnclick="checkme()"> </BODY></HTML> 34.脚本永不出错 <SCRIPT LANGUAGE="JavaScript"> <!-- Hide function killErrors() { return true; } window.onerror = killErrors; // --> </SCRIPT> 35.ENTER键可以让光标移到下一个输入框 <input οnkeydοwn="if(event.keyCode==13)event.keyCode=9"> 36. 检测某个网站的链接速度: 把如下代码加入<body>区域中: <script language=Javascript> tim=1 setInterval("tim++",100) b=1 var autourl=new Array() autourl[1]="www.njcatv.net" autourl[2]="javacool.3322.net" autourl[3]="www.sina.com.cn" autourl[4]="www.nuaa.edu.cn" autourl[5]="www.cctv.com" function butt(){ document.write("<form name=autof>") for(var i=1;i<autourl.length;i++) document.write("<input type=text name=txt"+i+" size=10 value="/blog/测试中......>" =》<input type=text name=url"+i+" size=40> =》<input type=button value=GO οnclick=window.open(this.form.url"+i+".value)><br>") document.write("<input type=submit value=刷新></form>") } butt() function auto(url) else b++ } function run(){for(var i=1;i<autourl.length;i++)document.write("<img src=http://"+autourl+"/"+Math.random()+" width=1 height=1 οnerrοr=auto(" http://"+autourl+"")>")} run()</script> 37. 各种样式的光标 auto :标准光标 default :标准箭头 hand :手形光标 wait :等待光标 text :I形光标 vertical-text :水平I形光标 no-drop :不可拖动光标 not-allowed :无效光标 help :?帮助光标 all-scroll :三角方向标 move :移动标 crosshair :十字标 e-resize n-resize nw-resize w-resize s-resize se-resize sw-resize 38.页面进入和退出的特效 进入页面<meta http-equiv="Page-Enter" content="revealTrans(duration=x, transition=y)"> 推出页面<meta http-equiv="Page-Exit" content="revealTrans(duration=x, transition=y)"> 这个是页面被载入和调出时的一些特效。duration表示特效的持续时间,以秒为单位。transition表示使用哪种特效,取值为1-23: 0 矩形缩小 1 矩形扩大 2 圆形缩小 3 圆形扩大 4 下到上刷新 5 上到下刷新 6 左到右刷新 7 右到左刷新 8 竖百叶窗 9 横百叶窗 10 错位横百叶窗 11 错位竖百叶窗 12 点扩散 13 左右到中间刷新 14 中间到左右刷新 15 中间到上下 16 上下到中间 17 右下到左上 18 右上到左下 19 左上到右下 20 左下到右上 21 横条 22 竖条 23 以上22种随机选择一种 39.在规定时间内跳转 <META http-equiv=V="REFRESH" content="5;URL=http://www.williamlong.info"> 40.网页是否被检索 <meta name="ROBOTS" content="属性值"> 其中属性值有以下一些: 属性值为"all": 文件将被检索,且页上链接可被查询; 属性值为"none": 文件不被检索,而且不查询页上的链接; 属性值为"index": 文件将被检索; 属性值为"follow": 查询页上的链接; 属性值为"noindex": 文件不检索,但可被查询链接; 属性值为"nofollow": 文件不被检索,但可查询页上的链接。 最大化窗口? <script language="JavaScript"> <!-- self.moveTo(0,0) self.resizeTo(screen.availWidth,screen.availHeight) //--> </script> 解决问题:由于层与下拉框之间的优先级是:下拉框 > 层,因此在显示的时候,会因为优先级的次序而会出现如上问题。(如果几个元素都是层的话,我们可以通过层的 z-index 属性来设置)解决办法就是:给层中放一个优先级比下拉框更高的元素(iframe),从而解决此问题!具体解决代码如下: <div id="menu" style="position:absolute; visibility:hidden; top:20px; left:20px; width:100px; height:200px; background-color:#6699cc;"> <table> <tr><td>item 1</td></tr> <tr><td>item 2</td></tr> <tr><td>item 3</td></tr> <tr><td>item 4</td></tr> <tr><td>item 5</td></tr> </table> <iframe src="/blog/javascript:false" style="position:absolute; visibility:inherit; top:0px; left:0px; width:100px; height:200px; z-index:-1; filter='progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)';"></iframe> </div> <a href="#" οnclick="document.getElementById('menu').style.visibility='visible'">menu</a> <form> <select><option>A form selection list</option></select> </form> 输入框也可以做的很漂亮了 <div align="center"><input type="hidden" name="hao" value="yes"> 外向数:<input name=answer style="color: rgb(255,0,0); border-left: medium none; border-right: medium none; border-top: medium none; border-bottom: 1px solid rgb(192,192,192)"> 没回答的题数:<input name=unanswer id="unanswer" style="color: rgb(255,0,0); border-left: medium none; border-right: medium none; border-top: medium none; border-bottom: 1px solid rgb(192,192,192)"> <br> 总得分: <input name=score id="score" style="color: rgb(255,0,0); border-left: medium none; border-right: medium none; border-top: medium none; border-bottom: 1px solid rgb(192,192,192)"> 结 论: <input name=xgjg id="xgjg" style="color: rgb(255,0,0); border-left: medium none; border-right: medium none; border-top: medium none; border-bottom: 1px solid rgb(192,192,192)"> <br> <br> <input onClick=processForm(this.form) style=" FONT-SIZE: 9pt" type=button value=查看结果 name="button"> <input type="reset" name="Submit" value="重做"> </div> 注意:修改<body>为<body οnlοad="max.Click()">即为打开最大 化窗口,而如果改为<body οnlοad="min.Click()">就变为窗口一打开就最小化 <object id="min" type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"> <param name="Command" value="Minimize"> </object> <object id="max" type="application/x-oleobject" classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"> <param name="Command" value="Maximize"> </object> </body> 页面自动刷新(说明) 当你做网页时,是不是有的时候想让你的网页自动不停刷新,或者过一段时间自动跳转到另外一个你自己设定的页面?其实实现这个效果非常地简单,而且这个效果甚至不能称之为特效。你只要把如下代码加入你的网页中就可以了。 1,页面自动刷新:把如下代码加入<head>区域中<meta http-equiv="refresh" content="20">,其中20指每隔20秒刷新一次页面. 2,页面自动跳转:把如下代码加入<head>区域中<meta http-equiv="refresh" content="20;url=http://www.williamlong.info">,其中20指隔20秒后跳转到 http://www.williamlong.info页面。 页面自动关闭 5000是指时间<body onLoad="setTimeout(window.close, 5000)"> 弹出窗口自动关闭 10秒后弹出窗口自动关闭 注意:在新的tan.htm的body中要加 <onLoad="closeit()"> head <script language="JavaScript"> <!-- var gt = unescape('%3e'); var popup = null; var over = "Launch Pop-up Navigator"; popup = window.open('', 'popupnav', 'width=225,height=235,resizable=1,scrollbars=auto'); if (popup != null) { if (popup.opener == null) { popup.opener = self; } popup.location.href = 'tan.htm'; } // --> </script> <body>注意:这段代码是在新建文件中的 <script language="JavaScript"> function closeit() </script> 这个可不是<iframe>(引用)呀。是直接调用的。以下代码加入<body>区域 <object type="text/x-scriptlet" width="800" height="1000" data="../index.htm"> </object> |
发表于 @
2006年05月19日 10:03:00 |
评论 (0)
| |
|