雜亂無章之javascript（二）

時間  2019-11-19
標籤 雜亂無章 javascript 欄目 JavaScript 简体版
原文   原文鏈接

1.瀏覽器與事件
事件一般是由瀏覽器所產生，不一樣的瀏覽器會產生的事件也有所不一樣，即便同一瀏覽器不一樣版本所產生的事件也有不一樣。如下爲HTML4.01中的事件javascript

2.error事件：它能夠調用一個錯誤處理函數，error事件能夠傳遞一下3個參數給錯誤處理函數，其餘事件只能調用函數不能給函數傳遞參數。
（1）第一個參數是詳細的錯誤信息。
（2）第二個參數是產生錯誤網頁的url。
（3）第三個參數是產生錯誤的行數。
有錯誤而不顯示錯誤以下：
<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>html

4.確認框 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>
6.狀態欄 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('第二個連接')">中華網</a>
<input type="button" value="按鈕" onMouseMove="ztlmessage('第一個按鈕')" />java

7.open()方法的語法
window.open(url,windowName,features,replace)
url：新打開窗口要顯示的文檔的URL，這是一個可選參數，若省略該參數或該參數值爲空字符或nll時，都會新開一個空白窗口。
windowName：新打開窗口的名稱。該名稱能夠看做爲屬性值在a元素或form元素的target屬性中出現。若指定的名稱是一個已經存在的窗口名稱，則返回對該窗口的引用，而不會再新打開一個窗口。在這種狀況下，features參數值將失效。該參數也是一個可選參數。
features：該參數爲一個字符串，用於描述新窗口的特徵。如：是否顯示工具欄、菜單欄、狀態欄、窗口大小等。該參數也是一個可選參數，若省略，則顯示新窗口全部的標準特徵。
replace：該參數爲布爾值，只有在windowName參數值爲一個已經存在的窗口名稱時才起做用。若該參數值爲true，則用url參數值來替換該窗口瀏覽歷史的當前項。若該參數值爲false，則在該窗口瀏覽歷史中建立一個新項。
(1)新開一個空白窗口
<a href="#" onClick="window.open()">新打開一個空窗口</a>
(2)新開一個有文檔的窗口
<a href="#" onClick="window.open('test.html')">新開一個有文檔的窗口</a>
(3)新開一個命名窗口
<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除外)數組

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>
由於命名窗口相同因此每次打開窗口都是加載，替換掉原來的窗口
9.窗口關閉
(1)指定窗口關閉
<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>瀏覽器

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>
12.滾動文檔
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("&nbsp;");
  }
  document.write("<br>");
 }
 function goto()
 {
  window.scrollTo(myform.scrollx.value,myform.scrolly.value);
 }
 function goby()
 {
  window.scrollBy(myform.scrollx.value,myform.scrolly.value);
 }
</script>
13.移動窗口
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>服務器

14.調整窗口大小
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>
15.延遲執行時間
window.setTimeout(code,delay)
code：延遲執行的JavaScript代碼。
delay：延遲的時間，單位毫秒。
<script language="javascript">
 function showname()
 {
  setTimeout("alert('你的姓名是：'+myform.myname.value)",3000);//延遲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()方法的週期執行。
<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>
18.取消延遲執行
window.clearTimeout(id)
與中止週期性執行代碼相似，其中id爲setTimeout()方法的返回值。clearTimeout()方法就是根據該返回值來決定中止哪一個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>
19.框架操做
例子一
<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+1)+"個子窗口的內容");
  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>框架

21.重置表單提示
<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>
23.表單元素的命名
如下幾種方式引用表單內容
<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("標題文字不得超過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>
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>
26.選項對象
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>
28.判斷選項
<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>
29.利用下拉列表框翻頁
<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>
31.建立分組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>
33.防止盜鏈
<script language="javascript">
 var currenturl=document.URL;//此屬性能夠得到當前文檔的URL
 var fronturl=document.referrer;//此屬性能夠得到上一個網頁的URL
 if(fronturl!="")
 {
  var currenturls=currenturl.split("/");
  var fronturls=fronturl.split("/");
  //兩個數組的第三個元素都是URL的域名部分
  if(currenturls[2]==fronturls[2])
  {
   document.write("不是盜連接，能夠顯示正常文檔！");
  }
  else
  {
   document.write("你不是從本站中訪問該網址，請經過本站訪問本頁！");
   history.location="http://"+currenturls[2];//返回本站首頁
  }
 }
 else
 {
  document.write("你是直接打開該文檔的，不存在盜連接問題！");
 }
</script>//主要是比較兩個URL的域名部分，若是域名部分相同，則不是盜連接，不然就是盜連接。post

34.歷史對象的屬性history.length：只能知道瀏覽器窗口的歷史列表中的網頁個數，用處很小。history.back()：該方法能夠返回到上一個訪問過的URL。history.forward():該方法能夠前進到下一個訪問過的URL。history.go():該方法能夠直接跳轉到某一個已經訪問過的URL。該方法中能夠包含兩種參數，一種參數是要訪問的URL在歷史列表中的相對位置，另外一種參數爲要訪問的URL的子串。history.go(0)可讓當前網頁刷新一次。<script language="javascript"> function gohistory() {  gosite=myform.mytext.value;  history.go(gosite); }</script><form name="myform"> <input type="button" value="後退到上一頁" 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.獲取或設置上一級網頁的屬性值openerdocument.getElementById("treetemp").value=opener.document.getElementById("treetype").value;opener.document.getElementById("cgzichanshebei.lxxh").value=xh;//序號

相關文章
相關標籤/搜索
每日一句
    每一个你不满意的现在，都有一个你没有努力的曾经。
本站公眾號
   歡迎關注本站公眾號,獲取更多信息
聯繫我們 最近搜索 最新文章 沪ICP备13005482号-10 MyBatis教程 SQL 教程 MySQL教程 Java 教程 Thymeleaf 教程 Hibernate教程 Spring教程 Redis教程