几个实用的JS小程序Word下载.docx
- 文档编号:16652863
- 上传时间:2022-11-25
- 格式:DOCX
- 页数:45
- 大小:39.53KB
几个实用的JS小程序Word下载.docx
《几个实用的JS小程序Word下载.docx》由会员分享,可在线阅读,更多相关《几个实用的JS小程序Word下载.docx(45页珍藏版)》请在冰豆网上搜索。
/title>
style>
body{margin:
0px;
padding:
0px}
.home_tx{PADDING-RIGHT:
0px;
PADDING-LEFT:
BACKGROUND:
url(PADDING-BOTTOM:
MARGIN:
auto;
OVERFLOW:
hidden;
WIDTH:
950px;
PADDING-TOP:
0px}
.home_txIMG{BORDER-TOP-WIDTH:
PADDING-RIGHT:
BORDER-LEFT-WIDTH:
BORDER-BOTTOM-WIDTH:
PADDING-BOTTOM:
BORDER-RIGHT-WIDTH:
.home_txDL{PADDING-RIGHT:
FLOAT:
left;
0px10px0px0px;
61px;
HEIGHT:
37px}
.home_txSPAN{PADDING-RIGHT:
FONT-SIZE:
12px;
830px;
COLOR:
#333333;
LINE-HEIGHT:
34px;
37px;
TEXT-ALIGN:
left}
.home_txSPANB{PADDING-RIGHT:
FONT-WEIGHT:
normal;
#990000;
.home_txA{PADDING-RIGHT:
right;
35px;
/style>
/head>
body>
DIVid=home_txstyle="
PADDING-RIGHT:
POSITION:
relative;
1px"
DIVclass=home_txid=home_tx_instyle="
POSITION:
absolute;
TOP:
-37px;
37px"
align=center>
DL>
IMGsrc="
<
Astyle="
FLOAT:
none"
href="
"
target=_blank>
详情>
/A>
/SPAN>
<
CURSOR:
pointer"
onfocus=this.blur()onClick="
home_tx_hide();
returnfalse;
#"
/DIV>
script>
varis_home_tx_show=false;
vardiv_home_tx=document.getElementById("
home_tx"
);
vardiv_home_tx_in=document.getElementById("
home_tx_in"
varstepms=10;
functionhome_tx_show(){
home_tx_stepshow();
}
functionhome_tx_stepshow(){
varcurHeight=parseInt(div_home_tx.offsetHeight);
if(curHeight>
=37){
is_home_tx_show=true;
}else{
div_home_tx.style.height=(curHeight+4)+"
px"
;
div_home_tx_in.style.top=(parseInt(div_home_tx_in.style.top)+4)+"
window.setTimeout(home_tx_stepshow,30);
}
functionhome_tx_hide(){
if(is_home_tx_show){
home_tx_stephide()
window.setTimeout(home_tx_stephide,1200);
functionhome_tx_stephide(){
varcurHeight=parseInt(div_home_tx.style.height);
if(curHeight<
=0){
is_home_tx_show=false;
try{
div_home_tx.style.height=(curHeight-4)+"
div_home_tx_in.style.top=(parseInt(div_home_tx_in.style.top)-4)+"
window.setTimeout(home_tx_stephide,30);
}catch(e){}
if(window.addEventListener){
window.addEventListener("
load"
home_tx_show,false);
}else{
window.attachEvent("
onload"
home_tx_show);
/script>
/body>
/html>
2、用Javascript正则表达式验证Email地址
先看如下一段代码:
functionisValidMail(sText){
varreMail=/^(?
:
\w+\.?
)*\w+@(?
)*\w+$/;
returnreMail.test(sText);
似乎这样验证像sofish@这样的邮箱是没问题的。
但,由于仔细看一下在AT(@)后面的非捕获性引用中,使用的是*(出现任意次):
那么,也包括出现0次,这样的话。
像sofish@163com这样的邮箱也是通过验证的。
显然,"
."
是必须至少出现一次的,因此,而"
+"
才表示至少出现一次。
但这里,在AT后面,我们可以写像这样的结尾,但直接改成"
的话,这样也可以通过验证。
下面是我的方法:
functionisValidMail(sText){
\w+\.)+\w+$/;
alert(reMail.test(sText))
规定"
号只出现一次。
然后在非捕获引用后面,让其他至少显示1次,再以任意的字符结束。
不过,这里的"
\w"
是包括下划线的,也就是说,像sofish@163_.com_这样的邮件也是可能通过难的,显然,这是一个不合法的邮件,在AT后面的"
号后前,是不可以出现下划线的,而后面,只能是英文字母的(至少目前我没有见过用后面是数字的域名)。
并且,这里应该注意到的是,"
所代表的字符包括下划线,不用缩写是这样的:
[a-zA-Z_0-9]
因此,上面的代码可以这样进行改装:
[a-z\d]+[_\-\+\.]?
)*[a-z\d]+@(?
([a-z\d]+\-?
)*[a-z\d]+\.)+([a-z]{2,})+$/i;
其实,通常这样写就可以了,对吧。
要更深入,还可以考虑AT后面的各个点后面,不应该用相同的字母,比如(很显然,这样的域名还是有的,我错了,感谢@StonyWang同学的提醒,真的有人这么囧这样做么?
)这样是不被请允许的。
可以考虑一下利用捕获性引用进行储存,并进行比较验证。
当做一道练习题吧(突然感觉好像在学高中的数学题)。
metahttp-equiv="
Content-Type"
content="
text/html;
charset=utf-8"
/>
测试:
用Javascript正则表达式验证Email地址<
bodystyle="
background:
#fff;
pstyle="
margin-bottom:
20px;
输入Email地址,点击测试,错误的地址将返回false...正确的,显示成?
自己猜:
/p>
inputtype="
text"
value="
id="
mail"
/>
button"
测试"
checkout"
onclick="
isValidMail(sText)"
scripttype="
text/javascript"
varsText=document.getElementById('
mail'
).value;
document.getElementById('
).onblur=functionsValue(){
sText=this.value;
functionisValidMail(sText){
varreMail=/^(?
[a-zA-Z0-9]+[_\-\+\.]?
)*[a-zA-Z0-9]+@(?
([a-zA-Z0-9]+[_\-]?
)*[a-zA-Z0-9]+\.)+([a-zA-Z]{2,})+$/;
alert(reMail.test(sText))
另看下面这短短一句js,它可以显示出网页最后修改时间,强大吧
scriptlanguage=JavaScript>
document.write("
最后更新时间:
+document.lastModified+"
)
UntitledDocument<
styletype="
text/css"
--
.adKeyword{
color:
#FF0000;
-->
p>
一个和尚挑水吃、两个和尚抬水吃、三个和尚没水吃。
总寺的方丈大人得知情况后,就派来了一名主持和一名书记,共同负责解决这一问题。
主持上任后,发现问题的关键是管理不到位,于是就招聘一些和尚成立了寺庙管理部来制定分工流程。
为了更好地借鉴国外的先进经验,寺庙选派唐僧等领导干部出国学习取经;
此外,他们还专门花钱请了天主教、基督教的神父传授MBA。
神父呆了不久留下几个东东就走了,一个叫BPR,一个叫ERP。
书记也没闲着,他认为问题的关键在于人才没有充分利用、寺庙文化没有建设好,于是就成立了人力资源部和寺庙工会等等,并认认真真地走起了竞聘上岗和定岗定编的过场。
几天后成效出来了,三个和尚开始拼命地挑水了,可问题是怎么挑也不够喝。
不仅如此,小和尚都忙着挑水、寺庙里没人念经了,日子一长,来烧香的客人越来越少,香火钱也变得拮据起来。
为了解决收入问题,寺庙管理部、人力资源部等连续召开了几天的会,最后决定,成立专门的挑水部负责后勤和专门的烧香部负责市场前台。
同时,为了更好地开展工作,寺庙提拔了十几名和尚分别担任副主持、主持助理,并在每个部门任命了部门小主持、副小主持、小主持助理。
老问题终于得到缓解了,可新的问题跟着又来了。
前台负责念经的和尚总抱怨口渴水不够喝,后台挑水的和尚也抱怨人手不足、水的需求量太大而且没个准儿,不好伺候。
为了更好地解决这一矛盾,经开会研究决定,成立一个新的部门:
喝水响应部,专门负责协调前后台矛盾。
为了便于沟通、协调,每个部门都设立了对口的联系和尚。
协调虽然有了,但效果却不理想,仔细一研究,原来是由于水的需求量不准、水井数量不足等原因造成的。
于是各部门又召开了几次会,决定加强前台念经和尚对饮用水的预测和念经和尚对挑水和尚满意度测评等,让前后台签署协定、相互打分,健全考核机制。
为了便于打分考核,寺院特意购买了几个计算机系统,包括挑水统计系统、烧香统计系统、普通香客捐款分析系统、大香客捐款分析系统、挨上必死系统(简称IBS系统)、马上就死系统(简称MS系统)等,同时成立香火钱管理部、香火钱出账部、打井策略研究部、打井建设部、打井维护部等等。
由于各个系统出来的数总不准确、都不一致,于是又成立了技术开发中心,负责各个系统的维护、二次开发。
由于部门太多、办公场地不足,寺院专门成立了综合部来解决这一问题,最后决定把寺院整个变成办公区,香客烧香只许在山门外烧。
部门多、当官的多档和开会自然就多,为了减少文山会海,综合办牵头召开了N次关于减少开会的会,并下达了“关于减少档的档”。
同时,为了精简机构、提高效率,寺院还成立了精简机构办公室、机构改革研究部等部门。
一切似乎都合情合理,但香火钱和喝水的问题还是迟迟不能解决。
问题在哪呢?
有的和尚提出来每月应该开一次分析会,于是经营分析部就应运而生了。
分析需要很多数据和报表,可系统总是做不到,于是每个部门都指派了一些和尚手工统计、填写报表、给系统打工。
寺院空前地热闹起来,有的和尚在拼命挑水、有的和尚在拼命念经、有的和尚在拼命协调、有的和尚在拼命分析……忙来忙去,水还是不够喝、香火钱还是不够用。
什么原因呢?
这个和尚说流程不顺、那个和尚说任务分解不合理,这个和尚说部门界面不清、那个和尚说考核力度不够。
只有三个人最清楚问题之关键所在,那三个人就是最早的那三个和尚。
说来说去,就是***闲人太多了!
他们说:
“整天瞎分析个屁!
什么***流程问题、职责问题、接口问题、考核问题,明明就是机构臃肿问题!
早知今日,还不如当初咱们仨自觉自律一点算了!
如今倒好,招来了这么一大帮傻B,一个个不干正经事还***人五人六的,跟屎盆子一样甩都甩不掉!
”<
又过了一年,寺院黄了,和尚们也都死了。
人们在水井边发现了几具尸体,是累死的;
在寺院里发现了几千具尸体,是渴死的。
scriptlanguage="
JavaScript"
type="
varkeys=[
["
和尚"
"
#ff0000"
],
系统"
#00ff00"
念经"
#0000ff"
工会"
#cc6600"
]
varbookmark;
if(document.createRange){
varrange=document.createRange();
varrange=document.body.createTextRange();
bookmark=range.getBookmark();
varkey;
for(vari=0;
key=keys[i];
i++){
if(range.findText){
range.collapse(true);
range.moveToBookmark(bookmark);
while(range.findText(key[0])){
range.pasteHTML(range.text.fontcolor(key[2]));
vars,n;
s=window.getSelection();
s.collapse(document.body,0);
while(window.find(key[0])){
varn=document.createElement("
SPAN"
n.style.color=key[2];
s.getRangeAt(0).surroundContents(n);
//-->
6、再发两个JS无缝滚动的实例
实例一:
无缝滚动,鼠标放上暂停
内容的offsetHeight小于容器的高度时,scrollTop就没有用.
多复制几遍或多加几空行就可以了.
divalign="
center"
demo"
style="
overflow:
hidden;
height:
200px;
width:
600px;
border:
1pxsolid#000;
divid="
demo1"
标准之路——DIV+CSS教程,网而布局,web2.0,常用代码,水晶图标,幻灯图片
/div>
demo2"
javascript"
vardemo=document.getElementById("
vardemo1=document.getElementById("
vardemo2=document.getElementById("
varspeed=10;
//滚动速度值,值越大速度越慢
varnnn=200/demo1.offsetHeight;
for(i=0;
i<
nnn;
i++){demo1.innerHTML+="
br/>
+demo1.innerHTML}
demo2.innerHTML=demo1.innerHTML//克隆demo2为demo1
functionMarquee(){
if(demo2.offsetTop-demo.scrollTop<
=0)//当滚动至demo1与demo2交界时
demo.scrollTop-=demo1.offsetHeight//demo跳到最顶端
else{
demo.scrollTop++
varMyMar=setInterval(Marquee,speed);
//设置定时器
demo.onmouseover=function(){clearInterval(MyMar)}//鼠标经过时清除定时器达到滚动停止的目的
demo.onmouseout=function(){MyMar=setInterval(Marquee,speed)}//鼠标移开时重设定时器
实例二:
跑马灯文字一行一行地向上滚动
让项目列表<
li>
中的文字一行一行地向上滚动:
cent
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 几个 实用 JS 程序