365bet体育在线客户端一塌糊涂之javascript

一.浏览器与事件
事件见惯司空是由浏览器所发生,区别的浏览器会发生的轩然大波也相形见绌,固然同一浏览器分裂版本所产生的事件也有两样。以下为HTML肆.01中的事件

365bet体育在线客户端 1

二.error轩然大波:它可以调用一个错误处理函数,error事件能够传递一下1个参数给错误处理函数,别的事件只可以调用函数不可能给函数字传送递参数。
(一)第四个参数是事无巨细的错误音信。
(2)第三个参数是发出错误网页的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>

四.承认框 window.confirm(message)
与alert分裂的是足以回到叁个布尔型的再次回到值。若点击【分明】则赶回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(‘第2个链接’)”>新浪链接</a>
<a href=”http://www.china.com” title=”中华网”
onMouseOver=”ztlmessage(‘第二个链接’)”>中华网</a>
<input type=”button” value=”按钮”
onMouseMove=”ztlmessage(‘第贰个按钮’)” />

七.open()方法的语法
window.open(url,windowName,features,replace)
url:新开辟窗口要显得的文书档案的URL,那是三个可选参数,若省略该参数或该参数值为空字符或nll时,都会新开二个空白窗口。
windowName:新开拓窗口的名目。该名称能够看作为属性值在a成分或form成分的target属性中出现。若钦定的称号是叁个早已存在的窗口名称,则赶回对该窗口的引用,而不会再新开辟1个窗口。在那种状态下,features参数值将失效。该参数也是二个可选参数。
features:该参数为三个字符串,用于描述新窗口的特色。如:是或不是出示工具栏、菜单栏、状态栏、窗口大小等。该参数也是1个可选参数,若省略,则显示新窗口全数的标准特征。
replace:该参数为布尔值,只有在windowName参数值为多个壹度存在的窗口名称时才起功能。若该参数值为true,则用url参数值来替换该窗口浏览历史的当前项。若该参数值为false,则在该窗口浏览历史中创制二个新项。
(1)新开3个空白窗口
<a href=”#” onClick=”window.open()”>新开辟一个空窗口</a>
(2)新开二个有文书档案的窗口
<a href=”#”
onClick=”window.open(‘test.html’)”>新开一个有文书档案的窗口</a>
(三)新开八个命名窗口
<a href=”#”
onClick=”window.open(‘test.html’,’mywindow’)”>新开辟1个命名窗口</a>
<a href=”#”
onClick=”window.open(‘test1.html’,’mywindow’)”>新开辟一个命名窗口</a>
(因为命名窗口相同所以每一次打开窗口都以加载,替换掉原来的窗口)
(四)设置新开窗口的风味
<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>(超过1/贰景况下,value的值都以yes或no,width和height除却)

8.窗口名字
 <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>
(2)判断窗口是或不是关闭
<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>

十.父级窗口的引用
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’)”>第1个窗口</a>
<a href=”#”
onClick=”openblur(‘left.html’)”>第六个窗口</a>
1贰.滚动文档
window.scroll(x,y)  将窗口滚动到钦赐的断然地点。
window.scrollTo(x,y) 将窗口滚动到钦定的断然地点,成效和window.scroll完全相同,一般用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>
一叁.运动窗口
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>
一5.延迟执行时间
window.setTimeout(code,delay)
code:延迟执行的JavaScript代码。
delay:延迟的时间,单位皮秒。
<script language=”javascript”>
 function showname()
 {
  setTimeout(“alert(‘你的姓名是:’+myform.myname.value)”,两千);//延迟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>
17.甘休周期性执行代码
window.clearInterval(id)
id为setInterval()方法的再次来到值。clearInterval()方法便是基于该再次回到值来支配终止哪个setInterval()方法的周期执行。
365bet体育在线客户端,<script language=”javascript”>
 var times;   //设置计时
 var
intervalid;  //用来回到setInterval()方法的值,依据该值可以告一段落周期执行代码
 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=”2″
value=”3″>分钟后显得警示框
</form>
1八.裁撤延迟执行
window.clearTimeout(id)
与甘休周期性执行代码类似,在这之中id为set提姆eout()方法的再次来到值。clear提姆eout()方法正是依照该重回值来控制终止哪个setTimeout()方法的延期执行。
<script language=”javascript”>
 var intervalid;  
 function showname()
 {
  intervalid=setTimeout(“alert(‘你的全名称叫:’+myform.myname.value)”,3000);
 }
 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>

2壹.重置表单提醒
<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>
22.不行使提交按钮提交表单
<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>
24.失去宗旨时判断输入字数
<script language=”javascript”>
 function titlelimit()
 {
  if(document.myform.texttitle.value.length>15)
  {
   alert(“标题文字不得超越一多个字!”);
   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>
25.改变多行文本框大小
<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>
2六.选项对象
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>

27.选项对象的习性
<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>

32.标题栏中滚动消息
<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.ULANDL;//此属性能够收获当前文书档案的U库罗德L
 var fronturl=document.referrer;//此属性可以得到上一个网页的U汉兰达L
 if(fronturl!=””)
 {
  var currenturls=currenturl.split(“/”);
  var fronturls=fronturl.split(“/”);
  //五个数组的第九个因素都以UCR-VL的域名部分
  if(currenturls[2]==fronturls[2])
  {
   document.write(“不是盗链接,能够展示符合规律文书档案!”);
  }
  else
  {
   document.write(“你不是从本站中访问该网站,请通过本站访问本页!”);
   history.location=”http://%22+currenturls%5B2%5D;//回去本站首页
  }
 }
 else
 {
  document.write(“你是直接打开该文档的,不存在盗链接难题!”);
 }
</script>//首固然相比三个UOdysseyL的域名部分,假诺域名部分雷同,则不是盗链接,不然正是盗链接。

3四.历史指标的习性
history.length:只可以知道浏览器窗口的野史列表中的网页个数,用处十分的小。
history.back():该办法可以回来到上三个走访过的UOdysseyL。
history.forward():该方法能够进步到下三个造访过的UENVISIONL。
history.go():该措施能够直接跳转到某3个早已访问过的UEnclaveL。该方法中能够分包两种参数,1种参数是要拜访的UPAJEROL在历史列表中的相对地点,另1种参数为要拜访的UXC90L的子串。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=”前进到下1页”
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>
3陆.赢得或设置上拔尖网页的属性值opener
document.getElementById(“treetemp”).value=opener.document.getElementById(“treetype”).value;
opener.document.getElementById(“cgzichanshebei.lxxh”).value=xh;//序号

 

admin

网站地图xml地图