新普金娱乐网址


董小姐

[转发]《科学幻想世界》那个已消失的小编数学

一塌糊涂之javascript(2)

  • 四月 18, 2019
  • 数学
  • 没有评论

壹.浏览器与事件
事件司空眼惯是由浏览器所爆发,不一致的浏览器会发出的风云也迥然分裂,就算同一浏览器区别版本所发出的轩然大波也有例外。以下为HTML4.0第11中学的事件

文/涅阳三水

数学 1

365/68

二.error轩然大波:它能够调用三个错误处理函数,error事件能够传递一下一个参数给错误处理函数,其余事件只可以调用函数不可能给函数字传送递参数。
(1)第3个参数是事无巨细的错误新闻。
(二)首个参数是发出错误网页的url。
(叁)第陆个参数是发出错误的行数。
有不当而不显得错误如下:
<script language=”javascript”>
 window.onerror=killerr;
 function killerr()
 {
  return true;
 }
 var err=a*b;
</script>
产生错误详细消息
<script language=”javascript”>
 window.onerror=showerr;
 function showerr(errmessage,errurl,errline)
 {
  var str=”JavaScript程序出错:\n”
  str+=”错误消息:”+errmessage+”\n”;
  str+=”产生错误的文书”+errurl+”\n”;
  str+=”发生错误的行数”+errline+”\n”;//JavaScript换行符是“/n”
  alert(str);
  return true;
 }
 var err=a*b;//那是个错误的表达式,未定义a、b
</script>
3.警告框 window.alert(message)
<script language=”javascript”>
 function showmessage(message)
 {
  alert(message);
 }
</script>
<body onLoad=”showmessage(‘进入网页了’)”>
 <input type=”button” value=”开关” onClick=”alert(‘点击开关了’)”
/>
</body>

前情回看:

因为张晓风的1篇小说而规定了班名,又因为金子美铃的壹首小孩子诗,确立了班级的愿景。

四.确认框 window.confirm(message)
与alert不相同的是足以回来3个布尔型的重临值。若点击【明显】则赶回true;反之再次回到false。
<script language=”javascript”>
 function check()
 {
  if(myform.name.value.length==0||myform.pwd.value.length==0)
  {
   if(confirm(“你的表单未填写完成,是或不是分明提交!”))
   {
    return true;
   }
   else
   {
    return false;
   }
  }
 }
</script>
</head>
<body>
 <form name=”myform” method=”post” onSubmit=”return check()”>
     姓名:<input type=”text” name=”name” /><br />
        密码:<input type=”password” name=”pwd” /><br />
        <input type=”submit” value=”提交” />
    </form>
</body>
5.提示框 window.prompt(message,defaultText)
message参数为在提示框中展现的文本内容,必须是纯文本,不协理html代码。defaultText参数为提醒框的暗中同意文字。
<script language=”javascript”>
 var strname=prompt(“请输入你的名字”,”甄”) 
 if(strname==null)
 {
  document.write(“你撤销了人名的输入!”);
 }
 else if(strname==””)
 {
  document.write(“你未有输入姓名!”);
 }
 else
 {
  document.write(“欢迎”+strname);
 }
</script>
陆.状态栏 window.defaultStatus 【暗中同意状态】window.status  【眨眼之间间消息】
暗许状态:
<script language=”javascript”>
 var defaultText=prompt(“请输入状态栏的暗中认可状态”,””);
 defaultStatus=defaultText;
</script>
一时半刻间音讯:
<script language=”javascript”>
 defaultStatus=”状态栏的暗许音信”;
 function ztlmessage(message)
 {
  status=message;
  return true;
 }
</script>
<a href=”http://www.sina.com.cn” title=”和讯链接”
onMouseOver=”return ztlmessage(‘第三个链接’)”>乐乎链接</a>
<a href=”http://www.china.com” title=”中华网”
onMouseOver=”ztlmessage(‘第2个链接’)”>中华网</a>
<input type=”button” value=”开关”
onMouseMove=”ztlmessage(‘第二个按键’)” />

前壹章:给班级取个名字

7.open()方法的语法
window.open(url,windowName,features,replace)
url:新开拓窗口要来得的文书档案的U哈弗L,那是八个可选参数,若省略该参数或该参数值为空字符或nll时,都会新开贰个空荡荡窗口。
windowName:新开荒窗口的称呼。该名称能够看作为属性值在a成分或form成分的target属性中出现。若钦定的名称是二个已经存在的窗口名称,则赶回对该窗口的引用,而不会再新开采二个窗口。在这种情况下,features参数值将失效。该参数也是3个可选参数。
features:该参数为一个字符串,用于描述新窗口的特征。如:是还是不是出示工具栏、菜单栏、状态栏、窗口大小等。该参数也是贰个可选参数,若省略,则显示新窗口全部的正儿捌经特征。
replace:该参数为布尔值,只有在windowName参数值为贰个曾经存在的窗口名称时才起成效。若该参数值为true,则用url参数值来替换该窗口浏览历史的当下项。若该参数值为false,则在该窗口浏览历史中创立多个新项。
(一)新开一个空荡荡窗口
<a href=”#” onClick=”window.open()”>新开采二个空窗口</a>
(贰)新开叁个有文书档案的窗口
<a href=”#”
onClick=”window.open(‘test.html’)”>新开二个有文书档案的窗口</a>
(三)新开二个命名窗口
<a href=”#”
onClick=”window.open(‘test.html’,’mywindow’)”>新开拓四个命名窗口</a>
<a href=”#”
onClick=”window.open(‘test1.html’,’mywindow’)”>新开采三个命名窗口</a>
(因为命名窗口同样所以每一遍张开窗口都以加载,替换掉原来的窗口)
(4)设置新开窗口的风味
<a href=”#”
onClick=”windwo.open(‘test.html’,’mywindow’,’width=300,height=300,menubar=yes,status=yes,toolbar=yes,location=yes,scrollbars=no,resizable=yes’)”>新开三个点名大小、有菜单栏、有状态栏、有工具栏、有地址栏、无滚动条、能够自个儿调控窗口大小的窗口</a>(大繁多地方下,value的值都以yes或no,width和height除此而外)

四月(陆)班级委员会委员如此建


数学,1

那节没课,作者正在看1本书,却被校长喊去了。

小编去了校长江流域规划办公室公室,颜校长就笑呵呵地说:“有学员要求去你们班,你怎么看?”

“校长,笔者也想对您说那件事吗!这么些小孩子在我们体育场所门外坐了壹天,坚决须求进小编的班级……”面对校长的笑,作者都不理解该如何提说那件事了。

“那您掌握为啥吧?”校长又问。

“因为尚未发书,小编带着儿女们读小说,她听到了,说是很欢悦这个诗句,将在求来以此班级了!”唯有如实揭露其中原因,才是本身此人的特质,本便是个尚未会撒谎的人。

“这你愿意接受他吧?”校长继续问这一个难点。

“高校同意呢?你们不是对外来的学生有其它的布置吧?”作者对校长的主题材料,还是未有直接答复。

“那正是说你是遵守高校的布署,未有本人的希望?”校长是不到亚马逊河不死心。

“是的,小编重视高校的决定。”说完那句话,作者扭身出了校长室。

2

还一直不走进体育场合,小编就听见体育场地里1阵阵的阅读声传了出去。

站在体育场面门口,小编又聆听了一会儿。原来是曾3妮带着大家在读那首《那条路》的诗文。

等到那首诗叁回读完,小编推杆教室门走了进去,曾三妮就站起来,大声给本身报告:“老师,校长同意作者来你们体育地方了!”

自小编心坎即刻壹怔:校长已经允许了?!可是怎么他还要把自家喊到办公里就这样问壹通?一丝郁闷的心气涌上心来。

唯独,那样的心绪不能够让儿女们发现,小编稍微顿了刹那间,脸上体现微笑,向曾叁妮伸出大拇指:“祝贺你!”

曾叁妮脸上挂着的笑,非常快意。作者不通晓,是他自身照旧她的亲朋好友在校长前边做了劳作,才让校长那么高效地把他明确到了本身的班级。

“老师,小编要做你的班长。”作者的合计还尚无缓冲过来,曾三妮居然又给自身来了一发子弹,但是,那叁回笔者听见了,是不行开玩笑。

“那好吧,你说说,为何你要做班长?”面对自觉能动的男女,小编有史以来是老大欣赏,尤其是在直面班级管理的时候。

“小编想,帮您把我们班的每1个同校都改成Smart。”曾三妮一句一顿,说完了她的那句话。

“做爱……”作者还没影响,体育场合里就响起了阵阵凶猛的掌声,看来她的那种行为,深得了班级同学的心。

3

在笔者原先的打算当中,是从未班级委员会委员的,未有班级委员会委员,正是稠人广众做班级委员会委员。

然则将来,那些曾3妮的一言一行打破了笔者的陈设,依据那样的情事,笔者就有要求组建三个班级委员会委员。

有了班长,那么副班长有未有人自告奋勇来担当呢?

有了这么的想法,小编还不曾说出来,情状就发生了转移。

十分陈翔(Chen Xiang)站起来了,他大声说:“老师,笔者来当副班长,支持班长期管理理班级,行吗?”

对陈翔(Chen Xiang)已经怀有驾驭了,他既然那样提出来了,小编能不容许吗?

“当然同意了!”作者一面明确她的一坐一起,一边给他击掌,同时又转移了话题,进行其余班委的号召,“我们有了班长副班长,还有学委,劳动委员,体育委员,文化娱乐委员这么些地点,其余的精灵们,有未有自告奋勇出来承担呢?”

自己的语气一落,一批孩子都发轫叽叽喳喳了。

4

儿女们叽喳了好长壹段时间,向来未曾停下来,也直接从未3个亲骨血,举手大概站起来申请职位的。

那让本人有点多少烦躁,那也是吻合情理,记得在自作者自身的小学时光,包罗中学时光,向来不曾做过班干部的阅历。

自身想,那群孩子中间,有无尽和本身一样,上学这几年来,向来未有做过班干部。

新教育中倡导,在体育场面中,每二个儿女都应当有地点,班级是各样孩子一同的家,每一个孩子都有职务来为那么些家作出奉献。

接下去,小编在黑板上写下了一而再串的职位名称:

班长:一名(曾三妮)

副班长:一名(陈翔)

考核委员:一名

文化娱乐委员:一名(女孩子,会唱歌)

体育委员:一名(一哥们,嗓门高)

读书委员:一名(上报高校)

劳动委员:一名(上报高校)

关灯委员:一名

唤醒委员:一名(未有教授的时候去喊班老董)

锁门委员:两名

桌凳管理员:两名

桌兜管理员:两名

学习班长:3名(语数英老师不在时管文学习)

学业委员:三名(语文、数学、克罗地亚语课代表)

图书委员:5名(思路清楚,书写俊秀)

领读委员:5名(吐字清晰,语音标准)

抄写委员:5名(书写俊美)

餐桌委员:5名(伍张餐桌,每陈彬彬位)

擦黑板委员:5名(个子高点的)

干净委员:5名

哥们寝室长:4名(多个男寝四个女寝各一名)

5

果真,孩子们看完笔者黑板上列项支出的各样委员,三个一个都不再说话了。

“Smart班是小编家,全体一切靠大家。”小编把那一个地方11讲授了一次,有的孩子尝试,有的孩子脸上带红,是感动如故紧张,不得而知了。

为了子女们各方面均衡发展,不至于成为学习中的废人,在上面包车型地铁班级委员会委员个中,一位的三个月壹换,其余的每一周一换。

也正是说,各类人都有变为班长的或然,每一种人都是班级委员会委员。只要心怀着对公共的热衷,对班级的保养,都能够报名成为班级委员会委员中的壹员。

自然,那亟需采取本人喜好的那份工作。

小编又把轮流当班级委员会委员的意思,给孩子们解说了贰次。每一种人听得都以卓殊安心乐意,不管在其余1个地方上,都可以做出对公私有用的事务来,都以为了公共做贡献的。

“考虑到大家中间有成都百货上千子女,不甘于表达出来,那么,请我们我们在一张纸上写出来,大家愿意去做的那件工作。写好之后,由班长曾三妮和副班长陈翔(Chen Xiang)来集中执会考查总计局计。”又对儿女们说了那一番话,才甘休了那件职业。

6

中午的时候,班长曾三妮和副班长陈翔先生拿着她们总计好的数据来找笔者了。

数码卓殊清晰明了,小编给他俩找了稿纸,让他们重新抄写三次,认为了上交高校。

在全校里,每2个班级的面世,都要有二个班级委员会委员的名册,上交给学习委员会,以福利学习委员会的园丁和同班,周到协调高校的管理工科作。

那样一来,名单就规定下来:

班长:曾三妮

副班长:陈翔

上学习委员员:崔雨霞

劳动委员:薛猛

体育委员:彭聪

文化娱乐委员:闫羽悦

其它的,正是班级的各个管事人士了。

7

依据这个学校的星级制度,作者又细化了班级的种种制度,上午进体育场面的时候,逐一讲明了。

讲完了之后,笔者又说这样的一席话:“孩子们,大家的老爹老妈外出是为着干什么?”

“挣钱,照顾家庭。”那是各类孩子都知情的政工。

“是的,挣钱,每种老人都在毛利。为了大家家庭中的各种人生活得更加好,他们一年到头在外奔波,付出了年轻与热情,换得我们的平安。那么,孩子们,作为学生,作为子女的大家,该怎么办?”小编想把经济制度引进的体育地方中间来,让各种孩子都意识到,只有劳动,唯有付出,才得以让投机特别的光明,特别的靠近Smart的亮光。

瞅着孩子们三个一个睁得大大的眼睛,作者一连说:“那学期,大家也将和我们的父亲阿妈同样去挣钱。等到那一礼拜的校本培养和陶冶甘休之后,大家的经济制度将会正式开发银行,运营的那一天,每一种人都会具有“1000元”的活着花费。大家要用本人的行为,让那“一千元”不断地升值,而不是把它消耗掉。”

对于体育地方里的经济制度,孩子们仍旧至极咋舌,叽叽喳喳又一阵说个没完。

8

接下去的时刻,我和子女们一块制定了奖励和惩罚制度。

所谓的奖罚制度,就是大家联合约定的1对班级公约,这几个公约非凡的密切,包含男女们平日生活中的方方面面。

譬如说穿拖鞋,敞着怀,不扣扣子;比如骂人、打架顶嘴班级委员会委员的行为;比如客栈倒饭、快跑、大声说道等作为;比如宿舍里不优异睡觉,串寝等……都以局地收拾办法,要扣掉手中持有的有关“钱币”。

理所当然还有奖赏,奖励都有哪方面呢?比如背一首古诗,写1篇作文,看一本书籍,做1份手抄报,叁次乐于助人的行为,一回10金不昧的作为等等都得以赢得表彰。

有子女竟然问:“手中的1000元钱罚完了怎么做?”

“这么些领导权还在于我们,没钱了怎么做?”孩子们建议的主题素材,必定要让孩子们消除,才是有史以来。

“没钱的话,就不能够趴桌子,也不能够趴凳子。”陈翔先生的话,说得蛮实在。

“小编觉着应该不会没钱吗,背1首诗就有收益,把生字默写全对也有受益。”学委崔雨霞那样的话。

“我们有其1忧虑,就评释你能够向着美好的趋向发展;有其一心愿,就证实你能够做得更加好。笔者期望各类人都能够尊重你的这一千元的日用,让它在您的学习生活个中不断升值,而不是无影无踪了。”说完那番话,作者就相差了体育场地。

那群孩子,会如何对待接下去的经济制度呢?

八.窗口名字
 <form name=”myform” action=”left.html” target=”mywindow”>
     <a href=”#”
onClick=”window.open(‘right.html’,’mywindow’,’width=220,height=200′)”>aaaaaaaa</a>
        <a href=”right.html”
target=”mywindow”>bbbbbbbbbbbbb</a>
        <input type=”submit” value=”提交”>
    </form>
因为命名窗口同样所以每便展开窗口都以加载,替换掉原来的窗口
九.窗口关闭
(一)内定窗口关闭
<script language=”javascript”>
 var mywin;
 function openwindow()
 {
  mywin=window.open(“window_1.htm”,”mywindow”,”width=300,height=300″);
 }
 function closewindow()
 {
  mywin.close();
 }
</script>
<body>
 <input type=”button” value=”张开窗口” onClick=”openwindow()”>
    <input type=”button” value=”关闭窗口”
onClick=”closewindow()”>
</body>
(贰)推断窗口是还是不是关闭
<script language=”javascript”>
 var mywin;
 function openwindow()
 {
  mywin=window.open(“left.html”,”mywindow”,”width=300,height=300″);
 }
 function closewindow()
 {
  if(mywin==undefined)
  {
   alert(“未有展开新的窗口,请先单击【张开窗口】开关”);
  }
  else if(mywin.closed)
  {
   alert(“窗口已经停业”);
  }
  else
  {
   mywin.close();
  }
 }
</script>
<body>
 <input type=”button” value=”打开窗口” onClick=”openwindow()”>
    <input type=”button” value=”关闭窗口”
onClick=”closewindow()”>
</body>

10.父级窗口的引用
window.opener 
重返的是window对象,该window对象是对父级窗口的引用。若当前窗口不是JavaScript代码展开的窗口,即未有父级窗口时,window.opener的属性值为null;若父级页面在框架中,并且子页面也是在框架中开拓,则子页面window.opener的属性值也为null。
<script language=”javascript”>
 function inputtext()
 {
  window.opener.myform.mytext.value=”子页面加多的文字”;
 }
</script>
<form name=”myform”>
 <input type=”button” value=”aaaaa” onClick=”inputtext()”>
</form>
11.窗口的聚焦
window.focus()  window对象名.focus()
window.blur()   window对象名.blur()
<script language=”javascript”>
 function openfocus(url)
 {
  var win=window.open(url,”mywin”,”width=300,height=300″);
  win.focus();
 }
 function openblur(url)
 {
  var win=window.open(url,”mywin”,”width=300,height=300″);
  win.blur();
 }
</script>
<a href=”#”
onClick=”window.open(‘left.html’,’mywin’)”>第一个窗口</a>
<a href=”#”
onClick=”openfocus(‘left.html’)”>第二个窗口</a>
<a href=”#”
onClick=”openblur(‘left.html’)”>第七个窗口</a>
1贰.轮转文书档案
window.scroll(x,y)  将窗口滚动到钦赐的断然地点。
window.scrollTo(x,y) 将窗口滚动到钦赐的相对地点,功效和window.scroll完全同样,1般用window.scrollTo替代前者。
window.scrollBy(x,y) 将窗口滚动到内定的相持地方。(x为负数则向左滚动,y为负数则进步滚动;正数反之。)
<form name=”myform”>
 横坐标:<input type=”text” name=”scrollx” value=”10″
size=”5″><br>
    纵坐标:<input type=”text” name=”scrolly” value=”10″
size=”5″><br>
    <input type=”button” value=”滚动到绝对地方”
onClick=”goto()”>
    <input type=”button” value=”滚动到相对地点”
onClick=”goby()”>
</form>
<script language=”javascript”>
 for(var i=0;i<100;i++)
 {
  document.write(“第”+(i+1)+”行”);
  for (var j=0;j<100;j++)
  {
   document.write(” “);
  }
  document.write(“<br>”);
 }
 function goto()
 {
  window.scrollTo(myform.scrollx.value,myform.scrolly.value);
 }
 function goby()
 {
  window.scrollBy(myform.scrollx.value,myform.scrolly.value);
 }
</script>
1三.运动窗口
window.moveTo(x,y)  将窗口移动到钦命的断然地方(x,y可感觉负数)
windwo.moveBy(x,y)  将窗口移动到钦赐的相对地方(x,y可认为负数)
<form name=”myform”>
 横坐标:<input type=”text” name=”movex” value=”10″
size=”5″><br>
    纵坐标:<input type=”text” name=”movey” value=”10″
size=”5″><br>
    <input type=”button” value=”移动到相对地点”
onClick=”goto()”>
    <input type=”button” value=”移动到周旋地方”
onClick=”goby()”>
</form>
<script language=”javascript”>
 function goto()
 {
  window.moveTo(myform.movex.value,myform.movey.value);
 }
 function goby()
 {
  window.moveBy(myform.movex.value,myform.movey.value);
 }
</script>

1四.调动窗口大小
window.resizeTo(x,y)  将窗口调节到安装的断然大小(x,y可感到负数)
window.resizeBy(x,y)  将窗口调控到安装的相对大小(x,y可感觉负数)
<form name=”myform”>
 宽度:<input type=”text” name=”width” value=”300″
size=”5″><br>
    高度:<input type=”text” name=”height” value=”300″
size=”5″><br>
    <input type=”button” value=”调控相对大小” onClick=”goto()”>
    <input type=”button” value=”调整绝对大小” onClick=”goby()”>
</form>
<script language=”javascript”>
 function goto()
 {
  window.resizeTo(myform.width.value,myform.height.value);
 }
 function goby()
 {
  window.resizeBy(myform.width.value,myform.height.value);
 }
</script>
1伍.延缓推行时间
window.setTimeout(code,delay)
code:延迟推行的JavaScript代码。
delay:延迟的日子,单位皮秒。
<script language=”javascript”>
 function showname()
 {
  setTimeout(“alert(‘你的姓名是:’+myform.myname.value)”,2000);//延迟3分钟试行
 }
</script>
<form name=”myform”>
 姓名:<input type=”text” name=”myname” value=”张三”>
    <input type=”button” value=”确定” onClick=”showname()”>
</form>
16.周期性推行代码
window.setInterval(code,interval)
window.setInterval(function,interval,parameters)
code:要周期实行的JavaScript代码。
interval:试行代码的周期时间,以皮秒为单位。
function:要周期实施的函数。
parameters:function函数的参数列表。
<script language=”javascript”>
 function myfun()
 {
  setInterval(“s()”,1000);
 }
 function s()
 {
  var mydate=new Date();
  myform.showdate.value=mydate.toLocaleString();
 }
</script>
<body onLoad=”myfun()”>
 <form name=”myform”>
     当前时刻:<input type=”text” name=”showdate” size=”30″>
    </form>
</body>
一柒.甘休周期性执行代码
window.clearInterval(id)
id为setInterval()方法的重回值。clearInterval()方法正是基于该重返值来调控为止哪个setInterval()方法的周期施行。
<script language=”javascript”>
 var times;   //设置计时
 var
intervalid;  //用来回到setInterval()方法的值,依照该值能够告1段落周期试行代码
 function showname()
 {
  times=3;
  myform.showtime.value=times;
  intervalid=setInterval(“settime()”,1000);
 }
 function settime()
 {
  times–;
  myform.showtime.value=times;
  if(times==0)
  {
   clearInterval(intervalid);
   alert(“你的姓名是:”+myform.myname.value);
  }
 }
</script>
<form name=”myform”>
 姓名:<input type=”text” name=”myname” value=”李四”>
    <input type=”button” value=”确定”
onClick=”showname()”><br>
    <input type=”text” name=”showtime” size=”贰”
value=”3″>分钟后显得警示框
</form>
1八.撤消延迟实行
window.clearTimeout(id)
与结束周期性实践代码类似,个中id为setTimeout()方法的重临值。clearTimeout()方法就是基于该再次回到值来调整终止哪个setTimeout()方法的延期实施。
<script language=”javascript”>
 var intervalid;  
 function showname()
 {
  intervalid=set提姆eout(“alert(‘你的人名叫:’+myform.myname.value)”,叁仟);
 }
 function shownamestop()
 {
  clearTimeout(intervalid);
 }
</script>
<form name=”myform”>
 姓名:<input type=”text” name=”myname” value=”李四”>
    <input type=”button” value=”确定” onClick=”showname()”>
    <input type=”button” value=”取消” onClick=”shownamestop()”>
</form>
1玖.框架操作
例子一
<frameset rows=”20%,*”>
 <frame src=”example1.htm” name=”top”>
    <frameset cols=”30%,*”>
     <frame src=”example2.htm” name=”left”>
        <frame src=”example3.htm” name=”right”>
    </frameset>
</frameset><noframes></noframes>
例子二
<iframe src=”example1.htm” height=”50″></iframe><br>
<iframe src=”example2.htm” height=”50″></iframe><br>
<iframe src=”example3.htm” height=”50″></iframe><br>
<script language=”javascript”>
 document.write(“本页中一同存在”+window.frames.length+”个子窗口”);
</script>
例子三
<iframe src=”example1.htm” height=”50″></iframe><br>
<iframe src=”example2.htm” height=”50″></iframe><br>
<iframe src=”example3.htm” height=”50″></iframe><br>
<script language=”javascript”>
 for(i=0;i<window.frames.length;i++)
 {
  window.frames[i].document.write(“那是第”+(i+一)+”个子窗口的始末”);
  window.frames[i].document.close();
 }
</script>
20.装置表单提交的章程
<script language=”javascript”>
 function checkform()
 {
  //核查表单是还是不是填写完整
  for(i=0;i<myform.elements.length;i++) 
//或写成for(i=0;i<document.myform.length;i++)
  {
   if(document.myform.elements[i].value.length==0)
   {
    alert(“表单内容并未填写完整!”);
    document.myform.elements[i].focus();
    return false;
   }
  }
  //决断提交格局
  if(document.myform.submittype==”server”)
  {
   document.myform.action=”submit.htm”
  }
  else
  {
   document.encoding=”text/plain”;//以编码的样式提交到邮箱中,暗许以.att格式的附属类小部件提交到邮箱。
   document.myform.action=”mailto:admin@163.com“;
  }
 } 
</script>
<form name=”myform” onSubmit=”return checkform()” method=”post”>
 姓名:<input type=”text” name=”xm” />
    性别:<input type=”text” name=”sex” />
    表单提交格局:
    <select name=”submittype”>
     <option value=”server”>提交到服务器</option>
        <option value=”mails”>提交到邮箱</option>
    </select>
    <input type=”submit” value=”提交” />
    <input type=”reset” value=”重置” />
</form>

二1.重新载入参数表单提醒
<script language=”javascript”>
 function isreset()
 {
  if(window.confirm(“真的必要复位吗?”))
  {
   return true;
  }
  else
  {
   return false;
  }
 }
</script>
<form name=”myform” onReset=”return isreset()”>
 姓名:<input type=”text” name=”xm” />
    性别:<input type=”text” name=”sex” />
    <input type=”submit” value=”提交” />
    <input type=”reset” value=”重置” />
</form>
2贰.不采纳提交开关提交表单
<script language=”javascript”>
 function checkform()
 {
  for(i=0;i<document.myform.elements.length;i++) 
//或写成for(i=0;i<document.myform.length;i++)
  {
   if(document.myform.elements[i].value.length==0)
   {
    alert(“表单未有填写完整!”);
    document.myform.elements[i].focus();
    return false;
   }
  }
  //提交表单
  document.myform.action=”left.htm”
  document.myform.submit();
 }
</script>
<form name=”myform”>
 姓名:<input type=”text” name=”xm” onChange=”checkform()” />
    性别:<input type=”text” name=”sex” onChange=”checkform()”
/>
</form>
二三.表单成分的命名
以下两种艺术引用表单内容
<script language=”javascript”>
 document.forms[0].elements[0]
 document.forms[“myform”].elements[0]
 document.myform.elements[0]
 document.forms[0].myname
 document.forms[“myform”].myname
 document.myform.myname
 document.forms[0].elements[“myname”]
 document.forms[“myform”].elements[“myname”]
 document.myform.myname
</script>
二肆.失去主题时判别输入字数
<script language=”javascript”>
 function titlelimit()
 {
  if(document.myform.texttitle.value.length>15)
  {
   alert(“标题文字不得超过15个字!”);
   document.myform.focus();
   return false;
  }
 }
 function blurchecklimit()
 {
  if(titlelimit()==false)
  {
   if(window.confirm(“是或不是截断文字!”))
   {
    context=document.myform.title;
    context.value=context.value.substring(0,15);
   }
  }
 }
</script>
贰伍.变动多行文本框大小
<script language=”javascript”>
 function areatextchange(sizetype)
 {
  if(sizetype==”big”)
  { 
   if(document.myform.myarea.rows<=40)
   {
    document.myform.myarea.rows+=5;
   }
  }
  if(sizetype==”small”)
  {
   if(document.myform.myarea.rows>5)
   {
    document.myform.myarea.rows-=5;
   }
  }
 }
</script>
<form name=”myform” onSubmit=”return checkform()”>
 <textarea rows=”5″ cols=”45″
name=”myarea”></textarea><br />
    <input type=”button” value=”增大” onClick=”areatextchange(‘big’)”
/>
    <input type=”button” value=”缩小”
onClick=”areatextchange(‘small’)” />
</form>
贰陆.选项对象
new Option(text,value,defaultSelected,selected)
text:展现在下拉列表选项中的文字
value:下拉列表选项的值。
defaultSelected:注脚下拉列表选项是或不是是下拉列表的私下认可选项,若为true则是;false则不是。
selected:注解该下拉列表选项当前是或不是处于被入选状态。
<form name=”myform”>
 <select name=”like”>
     <option value=”1111″>1111</option>
    </select>
    <input type=”reset” value=”重置”>
</form>
<script language=”javascript”>
 var option1=new Option(“看书”,”看书”);
 var option2=new Option(“shangwang”,”shangwang”,true);
 var option3=new Option(“kandianshi”,”kandianshi”);
 var option4=new Option(“xiaqi”,”xiaqi”);
 var option5=new Option(“diaoyu”,”diaoyu”,false,true);
 document.myform.like.options[0]=option1;
 document.myform.like.options[1]=option2;
 document.myform.like.options[2]=option3;
 document.myform.like.options[3]=option4;
 document.myform.like.options[4]=option5;
 document.myform.like.options[6]=new Option(“lvyou”,”lvyou”);
</script>

二7.选项对象的品质
<form name=”myform”>
 <select name=”like”>
     <option value=”1111″>1111</option>
    </select>
    <input type=”reset” value=”重置” />
</form>
<script language=”javascript”>
 var optionArr=new Array();
 optionArr[0]=[“kanshu”,”kanshu”];
 optionArr[1]=[“shangwang”,”shangwang”];
 optionArr[2]=[“kandianshi”,”kandianshi”];
 optionArr[3]=[“xiaqi”,”xiaqi”];
 optionArr[4]=[“diaoyu”,”diaoyu”];
 optionArr[5]=[“dapai”,”dapai”];
 optionArr[6]=[“fadai”,”fadai”];
 for(i=0;i<optionArr.length;i++)
 {
  document.myform.like.options[i]=new
Option(optionArr[i][0],optionArr[i][1]);
 }
 document.myform.like.options[7]=new
Option(optionArr[6][0],optionArr[6][1]);
 document.myform.like.options[1].defaultSelected=true;
 document.myform.like.options[4].selected=true;
</script>
2八.判别选取
<script language=”javascript”>
function comefile()

 var sex1=document.myform.sex[0].checked;
 var sex2=document.myform.sex[1].checked;
 if(!document.myform.sex[0].checked &&
!document.myform.sex[1].checked)
 {
  alert(“请选拔性别!”);
  document.myform.sex[0].focus();
  return false;
 }
 var num=0;
 for(var i=0;i<document.myform.subject.length;i++)
 {
  if(document.myform.subject[i].checked)
  {
   num++;
  }
 }
 if(num<1)
 {
  alert(“请采用课程!”);
  document.myform.subject[0].focus();
  return false; 
 }
 if(document.myform.sss[0].selected)
 {
  alert(“请采取选项!”);
  document.myform.sss.focus();
  return false;
 }
}
</script>
<form name=”myform” onSubmit=”return comefile()”>
 <input type=”radio” name=”sex” value=”男” />男
    <input type=”radio” name=”sex” value=”女” />女<br />
    <input type=”checkbox” name=”subject” value=”数学”
/>数学<br />
    <input type=”checkbox” name=”subject” value=”英语”
/>英语<br />
    <input type=”checkbox” name=”subject” value=”语文”
/>语文<br />
    <select name=”sss”>
     <option value=”0″>请选用选项</option>
        <option value=”2222″>2222</option>
        <option value=”3333″>3333</option>
    </select>
    <input type=”submit” value=”选择” />
</form>
2玖.应用下拉列表框翻页
<script language=”javascript”>
 function gopage()
 {
  gourl=document.myform.goto.value;
  if(gourl!=””)
  {
   location.href=gourl;
  }
 }
</script>
<form name=”myform”>
 <select name=”goto” onChange=”gopage”>
     <option value=””>请选取要访问的网页</option>
        <option value=”1.html”>sample1.htm</option>
        <option value=”2.html”>sample2.htm</option>
        <option value=”3.html”>sample3.htm</option>
        <option value=”4.html”>sample4.htm</option>
        <option value=”5.html”>sample5.htm</option>
    </select>
</form>
30.轻松的选课程序
<script language=”javascript”>
 function tomycourse()
 {
  var coursecount=document.myform.course.length-1;
  for(i=coursecount;i>-1;i–)
  {
   if(document.myform.course[i].selected)
   {
    var myoption=new
Option(document.myform.course[i].text,document.myform.course[i].value);
    document.myform.mycourse.options[document.myform.mycourse.options.length]=myoption;
    document.myform.course.remove(i);
   }
  }
 }
 function tocourse()
 {
  var mycoursecount=document.myform.mycourse.length-1;
  for(i=mycoursecount;i>-1;i–)
  {
   if(document.myform.mycourse[i].selected)
   {
    var myoption=new
Option(document.myform.mycourse[i].text,document.myform.mycourse[i].value);
    document.myform.course.options[document.myform.course.options.length]=myoption;
    document.myform.mycourse.remove(i);
   }
  }
 }
</script>
<form name=”myform”>
 <table>
     <tr>
         <td>可选课程</td>
            <td></td>
            <td>已选课程</td>
        </tr>
        <tr>
         <td>
             <select name=”course” size=”7″ multiple=”multiple”>
                 <option value=”语文”>语文</option>
                 <option value=”数学”>数学</option>
                 <option value=”英语”>英语</option>
                 <option value=”物理”>物理</option>
                 <option value=”化学”>化学</option>
                 <option value=”生物”>生物</option>
                 <option value=”政治”>政治</option>
                 <option value=”历史”>历史</option>
             </select>
            </td>
            <td>
             <input type=”button” value=”>>”
onClick=”tomycourse()” /><br /><br />
                <input type=”button” value=”<<”
onClick=”tocourse()”>
            </td>
            <td>
             <select name=”mycourse” size=”7″
multiple=”multiple”>
                </select>
            </td>
        </tr>
    </table>
</form>
3一.开立分组Fieldset 成分
<form name=”myform”>
 <p align=”center”>用户注册</p>
    <fieldset name=”fieldset1″>
     <legend>必填消息</legend>
        用户名:<input name=”username” type=”text” /><br
/>
        密码:<input name=”pwd” type=”password” /><br />
    </fieldset><br />
    详细音讯:<br />
    <fieldset name=”fieldset2″>
     性别:
        <input type=”radio” name=”sex” value=”男” />男
        <input type=”radio” name=”sex” value=”女” />女<br
/>
    </fieldset><br />
</form>

3二.题目栏中滚动音信
<script language=”javascript”>
 var step=0;
 var titletext=[“你好!”,”欢迎光临”,”祝喜形于色欢欣!”];
 function showtitle()
 {
  if(step==titletext.length)
  {
   step=0;
  }
  document.title=titletext[step];
  step++;
 }
 setInterval(“showtitle()”,1000);
</script>
3叁.防卫盗链
<script language=”javascript”>
 var currenturl=document.U奥迪Q伍L;//此属性能够博稳当前文书档案的U揽胜极光L
 var fronturl=document.referrer;//此属性能够收获上一个网页的UMuranoL
 if(fronturl!=””)
 {
  var currenturls=currenturl.split(“/”);
  var fronturls=fronturl.split(“/”);
  //多少个数组的第多个因素都以URubiconL的域名部分
  if(currenturls[2]==fronturls[2])
  {
   document.write(“不是盗链接,能够来得平常文书档案!”);
  }
  else
  {
   document.write(“你不是从本站中做客该网址,请通过本站访问本页!”);
   history.location=”http://%22+currenturls%5B2%5D;//回去本站首页
  }
 }
 else
 {
  document.write(“你是一贯张开该文书档案的,不存在盗链接难点!”);
 }
</script>//首若是比较七个U牧马人L的域名部分,倘使域名部分同样,则不是盗链接,否则就是盗链接。

3肆.历史目的的习性
history.length:只好知道浏览器窗口的野史列表中的网页个数,用处异常的小。
history.back():该办法能够回来到上三个走访过的UENVISIONL。
history.forward():该方法能够进步到下贰个造访过的ULacrosseL。
history.go():该办法能够直接跳转到某三个早就访问过的U奇骏L。该方法中得以涵盖三种参数,1种参数是要访问的U凯雷德L在历史列表中的相对地点,另1种参数为要拜访的U纳瓦拉L的子串。history.go(0)能够让日前网页刷新一遍。
<script language=”javascript”>
 function gohistory()
 {
  gosite=myform.mytext.value;
  history.go(gosite);
 }
</script>
<form name=”myform”>
 <input type=”button” value=”后退到上1页”
onClick=”history.back()”>
    <input type=”button” value=”前进到下壹页”
onClick=”history.forward()”>
    <input type=”text” name=”mytext”>
    <input type=”button” value=”跳转” onClick=”gohistory()”>
</form>
35.根据页面成分的“id”属性获得对页面包车型地铁引用
<script language=”javascript”>
 function $(str)
 {
  return
document.getElementById(str);//document.getElemetsByName(str);这是得到成分的称号形式。
 }
</script>
36.获得或安装上超级网页的性质值opener
document.getElementById(“treetemp”).value=opener.document.getElementById(“treetype”).value;
opener.document.getElementById(“cgzichanshebei.lxxh”).value=xh;//序号

 

相关文章

No Comments, Be The First!
近期评论
    分类目录
    功能
    网站地图xml地图