网页中的基本脚本语言应用

最新推荐文章于 2024-09-26 20:36:49 发布

holym

最新推荐文章于 2024-09-26 20:36:49 发布

阅读量2k

点赞数

分类专栏：网页中的基本脚本语言文章标签：脚本语言正则表达式 date 音乐 function

网页中的基本脚本语言专栏收录该内容

0 篇文章 0 订阅

订阅专栏

1、msdn:http://msdn.microsoft.com/library/chs/default.asp?url=/library/CHS/jscript7/html/jsstmfunction.asp

2、一段实现checkbox 单选的代码
一组名称相同的checkbox 但只能选择一个，或者取消选择。
把本函数链到选择框的onclick 事件上。onClick="ChangeSelect(this)"。
function ChangeSelect(obj)
{
theForm=document.forms[0];
var oldStatus;
oldStatus = obj.checked;

for(i=0;i<theForm.elements.length;i++)
{
if(theForm.elements.name==obj.name)
{
theForm.elements.checked=false;
}
}

if(oldStatus)
obj.checked = true;
else
obj.checked = false;
return true;

}
3、怎样查找一个网站有多少网页登陆搜索引擎
搜索内容如下。
site:qh663.512j.com

4、网页背景音乐代码详解
网页背景音乐代码：
将这段代码插入到您的<head></head>之间
当您打开网站时即可听到背景音乐：
<bgsound src=china.mid loop="-1">
这种当网页最小化之后，音乐会消失

网页背景音乐的代码：
<embed src="http://XXX.com/XXX.mp3" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="1" height="1"></embed>
1.mid表示音效文件
<embed src="1.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" type="application/x-shockwave-flash" width="1" height="1"></embed>
上面的网页背景音乐代码可以加入FLASH动画的绝对地址（或相对地址）
<embed width=1 height=1 autostart="true" loop="true" controls=PlayButton console=clip1 nolabels=true type="audio/x-pn-realaudio-plugin" src="1.ram"> </embed>
ram格式的音乐文件专用网页背景音乐代码：
<embed src="1.mid" align="center" border="0" width="1" height="1" width="100" autostart="true" loop="true">
指定播放器的大小（width、heigh）、是否自动（autostart标记）、是否循环播放（loop标记），而浏览者则可以自主地决定是否播放音乐。
此代码可以当作网页中插入FLASH动画的代码用。只要把1.mid替换为FLASH动画的相对地址或决对地址就OK了。
<embed src="1.mp3" align="center" border="0" width="1" height="1" width="100" autostart="true" loop="true">
此代码可以加mp3形式的音乐为网页背景音乐
<EMBED src="http://XXX.com/XXX.mp3" width="0" height="0" border=0 autostart="ture" loop="ture"></EMBED>
1.mid表示音效文件
<bgsound src="1.mid" loop=3>
表示将1.mid音效文件插入到页面为背景音乐，并循环播放3次。
<embed src="1.mid" hidden="true">
1.mid表示音效文件
<bgsound src="1.mid" loop="infinte">
1.mid表示音效文件
<embed src="1.mid" hidden="true" loop="true">
1.mid表示音效文件
<bgsound src=1.mid loop="-1">
1.mid表示音效文件

5、鼠标移动表格行变色
<table width="100%" border="1" align="center" cellpadding="0" cellspacing="1" bordercolor="#FF99FF" >
<tr>
<td onMouseOut="this.style.backgroundColor=''" onMouseover="this.style.backgroundColor='#ffcccc'">1</td>
</tr>
<tr>
<td width="20%" nowrap class="txt_middle"> </td>
</tr>
<tr>
<td class="txt_middle"> </td>
</tr>
</table>
6、防止表格撑破
<table width=200 style="table-layout:fixed;word-wrap:break-word;word-break:break-all">
<tr>
<td>
dsfdf
<table width="1500" border="0" cellpadding="0" cellspacing="0" bgcolor="#FF0000">
<tr>
<td>是一套快捷、準確的?會計系統。本系統專為中小型企業處理繁重的發票、應收帳及存貨管理工作而設計的，具備大量實用功能。為適應複雜的商業環境，尖端進銷存系統提供多貨幣、多語言等多項先進功能，同時採用了友善的視窗介面，使用戶能極短時間內掌握使用方法。本系統亦 </td>
</tr>
</table>
fdsf
</td>
</tr>
</table>
7、全选反选表单
<script language="JavaScript" type="text/JavaScript">
function CheckOthers(form)
{
for (var i=0;i<form.elements.length;i++)
{
var e = form.elements;
// if (e.name != 'chkall')
if (e.checked==false)
{
e.checked = true;// form.chkall.checked;
}
else
{
e.checked = false;
}
}
}

function CheckAll(form)
{
for (var i=0;i<form.elements.length;i++)
{
var e = form.elements;
// if (e.name != 'chkall')
e.checked = true// form.chkall.checked;
}
}
</script>

<form name="form" method="post" action="">
<input type="checkbox" name="checked[$key]" value="48004">
<input type="checkbox" name="checked[$key]" value="48004">
<input type="checkbox" name="checked[$key]" value="48004">
<input type="checkbox" name="checked[$key]" value="48004">
<input name="chkall" type="button" title="选择所有" onClick="CheckAll(this.form)" value="全选">
<input name="chkOthers" type="button" title="反向选择" onClick="CheckOthers(this.form)" value="反选">
</form>
8、通用控件校验函数
//通过控件名字得到object
function MM_findObj_(n, d)
{
var p,i,x;

if(!d)
d=document;

if((p=n.indexOf("?"))>0&&parent.frames.length)
{
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);
}
if( !(x=d[n]) && d.all )
x=d.all[n];

for (i=0;!x&&i<d.forms.length;i++)
x=d.forms[n];

for(i=0;!x&&d.layers&&i<d.layers.length;i++)
x=MM_findObj_(n,d.layers.document);

return x;
}

//控件数据校验
function validate()
{
var i,myValue1,myValue2,myValue3,myValue4,myValue5,errors='';

var val,val1;

var controlAttribute,putInfo1,putInfo2;

var args = validate.arguments;

var checkMailAddress = /w@w{3,}.w{3,}/; //创建正则表达式校验邮件地址对象
//根据情况是不是还可以改为var checkMailAddress = /w{1,}@w{3,}.w{3,}/; ？

var checkInteger = /^[+-]?d+$/; //创建正则表达式校验整数对象

var checkFloat = /^[+-]?d+(.d+)?$/; //创建正则表达式校验浮点数对象

for (i=0; i<(args.length-2); i+=3)
{
controlAttribute = args;
putInfo1 = args[i+1];
putInfo2 = args[i+2];

if( controlAttribute.indexOf('D')>=0 ││ controlAttribute=='Y' )
val = MM_findObj_( putInfo1+"year" );
else
val = MM_findObj_( putInfo1 );

//如果控件不存在，直接跳过
if( !val )
continue;

myValue1 = val.value;

//对非空的处理
if( controlAttribute.indexOf('R') >= 0 )
{
if( controlAttribute.indexOf('D8')>=0 )
{
val = MM_findObj_( putInfo1+'year' );
myValue1 = MM_findObj_( putInfo1+'year' ).value;
myValue2 = MM_findObj_( putInfo1+'monthfrom' ).value;
myValue3 = MM_findObj_( putInfo1+'monthto' ).value;
if( myValue1 == '' ││ myValue2 == '' ││ myValue3 == '' )
{
errors = putInfo2+'不能为空';
break;
}
}
else if( controlAttribute.indexOf('D')>=0 )
{
val = MM_findObj_( putInfo1+'year' );
myValue1 = MM_findObj_( putInfo1+'year' ).value;
myValue2 = MM_findObj_( putInfo1+'month' ).value;
val1 = MM_findObj_( putInfo1+'day' );

if( val1 )
myValue3 = MM_findObj_( putInfo1+'day' ).value;
else
myValue3 = MM_findObj_( putInfo1+'date' ).value;

if( myValue1 == '' ││ myValue2 == '' ││ myValue3 == '' )
{
errors = putInfo2+'不能为空';
break;
}
}
else if( controlAttribute.indexOf('S')>=0 )
{
val = MM_findObj_( putInfo1 );
myValue1 = MM_findObj_( putInfo1 ).value;
if( myValue1 == '#' )
{
errors = '请选择'+putInfo2;
break;
}
}
else
{
val = MM_findObj_( putInfo1 );
myValue1 = MM_findObj_( putInfo1 ).value;
if( myValue1 == '' )
{
errors = putInfo2+'不能为空';
break;
}
}

}

//对有效期的处理
if( controlAttribute=='Y' )
{
val = MM_findObj_( putInfo1+'year' );
val1 = MM_findObj_( putInfo1+'day' );
if( val1 )
{
myValue1 = new Date (MM_findObj_( putInfo1+"year" ).value , MM_findObj_( putInfo1+"month" ).value , MM_findObj_( putInfo1+"day" ).value);
myValue2 = new Date (MM_findObj_( putInfo2+"year" ).value , MM_findObj_( putInfo2+"month" ).value , MM_findObj_( putInfo2+"day" ).value);
}
else
{
myValue1 = new Date (MM_findObj_( putInfo1+"year" ).value , MM_findObj_( putInfo1+"month" ).value , MM_findObj_( putInfo1+"date" ).value);
myValue2 = new Date (MM_findObj_( putInfo2+"year" ).value , MM_findObj_( putInfo2+"month" ).value , MM_findObj_( putInfo2+"date" ).value);
}

if( myValue1 > myValue2 )
{
errors = '有效期结束时间不能大于开始时间';
break;
}
}

//对其他属性的处理
if( myValue1 != '' )
{

if ( controlAttribute.indexOf( 'I' ) >= 0 )
{
if( !checkInteger.test(myValue1) )
{
errors = putInfo2+'只能是整数';
break;
}
}
else if( controlAttribute.indexOf('F') >= 0 )
{
if( !checkFloat.test(myValue1) )
{
errors = putInfo2+'只能是实数';
break;
}
}
else if( controlAttribute.indexOf('D8') >= 0 )
{
myValue4 = new Date ( myValue1 , MM_findObj_( putInfo1+'monthfrom' ).value ,'01');
myValue5 = new Date ( myValue1 , MM_findObj_( putInfo1+'monthto' ).value ,'01');
if( myValue1.length !=4 ││ !checkDateTime( myValue1 +'-'+MM_findObj_( putInfo1+'monthfrom' ).value+'-'+'01' ) ││ !checkDateTime( myValue1 +'-'+MM_findObj_( putInfo1+'monthto' ).value+'-'+'01' ))
{
errors = putInfo2+'时间不正确';
break;
}
else if( myValue4 > myValue5 )
{
errors = putInfo2+'结束时间大于开始时间';
break;
}
else if ( myValue1<1900 ││ myValue1>2100 )
{
errors = putInfo2+'不能小于1900年，大于2100年';
break;
}
}
else if( controlAttribute.indexOf('D')>=0 )
{
val1 = MM_findObj_( putInfo1+'day' );
myValue4 = '';
if( val1 )
myValue4 = MM_findObj_( putInfo1+'day' ).value;
else
myValue4 = MM_findObj_( putInfo1+'date' ).value;

if( myValue1.length!=4 ││ !checkDateTime( myValue1+'-'+MM_findObj_( putInfo1+'month' ).value+'-'+myValue4 ) )
{
errors = putInfo2+'时间不正确';
break;
}
else if ( myValue1<1900 ││ myValue1>2100 )
{
errors = putInfo2+'不能小于1900年，大于2100年';
break;
}
}
else if( controlAttribute.indexOf('E')>=0 )
{
if ( !checkMailAddress.test(myValue1) )
{
errors = putInfo2+'不是邮件地址';
break;
}
}
else if( controlAttribute.indexOf('N')>=0 )
{
if ( !checkInteger.test(myValue1) )
{
errors = putInfo2+'不正确';
break;
}
else if ( myValue1<1900 ││ myValue1>2100 )
{
errors = putInfo2+'不能小于1900年，大于2100年';
break;
}

}
}

//长度判断
if( controlAttribute.indexOf('L│') >= 0 && controlAttribute.indexOf('L│') < controlAttribute.indexOf('-') )
{
val = MM_findObj_( putInfo1 );
myValue4 = controlAttribute.substring(controlAttribute.indexOf("L│")+2,controlAttribute.indexOf('-'));
myValue5 = controlAttribute.substring(controlAttribute.indexOf("-")+1,controlAttribute.length);

if( myValue5.indexOf('│') < 0 )
break;

myValue5 = myValue5.substring(0,myValue5.indexOf('│'));

if ( myValue1.length < myValue4 ││ myValue1.length > myValue5 )
{
errors = putInfo2+'长度不正确';
break;
}
}
}

if ( errors != '' )
{
alert(errors);
val.focus();
}
document.returnValue = (errors == '');
}

function checkDateTime( str )
{
var reg = /^(d{1,4})-(d{1,2})-(d{1,2})$/; //创建正则表达式校验时间对象
var r = str.match(reg);

if(r==null)
return false;
else
{
var d= new Date(r[1], --r[2],r[3]);
if(d.getFullYear()!=r[1])
return false;
if(d.getMonth()!=r[2])
return false;
if(d.getDate()!=r[3])
return false;
}
return true;
}
这个的用法是这样的，举例
<INPUT type="button" name="b_splcJbxx_new" value="test" οnclick="validate('RS','splcValue.String(DM_WSZL)','文书种类','R','splcValue.String(MC_SPLC)','审批流程名称');return document.returnValue">