2025-02-15

1.文本框焦點問題

onBlur:當失去輸入焦點後產生該事件

onFocus:當輸入獲得焦點後,產生該文件

Onchange:當文字值改變時,產生該事件

Onselect:當文字加亮後,產生該文件

<input type="text" value="郭強" onfocus="if(value=='郭強') {value=''}" onblur="if

(value=='') {value='郭強'}">點擊時文字消失,失去焦點時文字再出現

 

 

2.網頁按鈕的特殊顏色

<input type=button name="Submit1" value="郭強" size=10 class=s02

 

style="background-color:rgb(235,207,22)">

 

3.鼠標移入移出時顏色變化

<input type="submit" value="找吧" name="B1" onMouseOut=this.style.color="blue"

 

onMouseOver=this.style.color="red"  class="button">

 

4.平面按鈕

<input type=submit value=訂閱style="border:1px solid :#666666; height:17px; width:25pt; font-size:9pt;

 

BACKGROUND-COLOR: #E8E8FF; color:#666666" name="submit">

 

5.按鈕顏色變化

<input type=text name="nick"  style="border:1px solid #666666;  font-size:9pt;  height:17px;

 

BACKGROUND-COLOR: #F4F4FF; color:#ff6600" size="15" maxlength="16">

 

6.平面輸入框

<input type="text" name="T1" size="20" style="border-style: solid; border-width: 1">

 

7.使窗口變成指定的大小

<script>

window.resizeTo(300,283);

</script>

 

8.使文字上下滾動

<marquee direction=up scrollamount=1 scrolldelay=100 onmouseover='this.stop()' onmouseout='this.start()'

 

height=60>

<!– head_scrolltext –>

<tr>

<td>

共和國

</table>        <!– end head_scrolltext –>

</marquee>

 

9.狀態欄顯示該頁狀態

<base onmouseover="window.status='網站建設http://www.webmake.cn/' ;return true">

 

10.可以點擊文字實現radio選項的選定

<br>

&nbsp;&nbsp;&nbsp;&nbsp;<input type="radio" name="regtype" value="A03" id="A03">

<label for="A03"> 情侶: 一次註冊兩個帳戶</label> <br>

 

11.可以在文字域的font寫onclick事件

 

12.打印</a>打印網頁

<a href='javascript:window.print ()'>

 

13.線型輸入框

<input type="text" name="key"  size="12" value="關鍵字" onFocus=this.select() onMouseOver=this.focus()

 

class="line">

 

14.顯示文檔最後修改日期

<script language=javascript>

function hi(str)

{

document.write(document.lastModified)

 

alert("hi"+str+"!")

}

</script>

 

15.可以在鼠標移到文字上時就觸發事件

<html>

<head>

<script language="LiveScript">

<!– Hiding

     function hello() {

       alert("哈羅!");

     }

</script>

</head>

<body>

<a href="" onMouseOver="hello()">link</a>

</body>

</html>

 

16.可以根據網頁上的選項來確定頁面顏色

<HTML>

<HEAD>

<TITLE>background.html</TITLE>

</HEAD>

<SCRIPT>

<!–

 

function bgChange(selObj) {

newColor = selObj.options[selObj.selectedIndex].text;

document.bgColor = newColor;

selObj.selectedIndex = -1;

}

 

//–>

</SCRIPT>

<BODY STYLE="font-family:Arial">

<B>Changing Background Colors</B>

<BR>

<FORM>

  <SELECT SIZE="8" onChange="bgChange(this);">

  <OPTION>Red

  <OPTION>Orange

  <OPTION>Yellow

  <OPTION>Green

  <OPTION>Blue

  <OPTION>Indigo

  <OPTION>Violet

  <OPTION>White

<OPTION>pink

  </SELECT>

</FORM>

</BODY>

</HTML>

 

17.將按鈕的特征改變

<style type="text/css">

<!–

.style1 { font-size: 12px; background: #CCCCFF; border-width: thin thin thin thin; border-color: #CCCCFF

 

#CCCCCC #CCCCCC #CCCCFF}

.style2 { font-size: 12px; font-weight: bold; background: #CCFFCC; border-width: thin medium medium thin;

 

border-color: #CCFF99 #999999 #999999 #CCFF99}

–>

</style>

  本例按鈕的代碼如下:

<input type="submit" name="Submit" value="提 交" onmouseover="this.className='style2'"

 

onmouseout="this.className='style1'" class="style1">

 

18.改變按鈕的圖片.

<style type="text/css">

<!–

.style3 { font-size: 12px; background: url(image/buttonbg1.gif); border: 0px; width: 60px; height: 22px}

.style4 { font-size: 12px; font-weight: bold; background: url(image/buttonbg2.gif); border: 0px 0; width:

 

60px; height: 22px}

–>

</style>

  本例的按鈕代碼如下:

<input type="submit" name="Submit2" value="提 交" onmouseover="this.className='style4'"

 

onmouseout="this.className='style3'" class="style3">

 

19.打印頁面

<p align="center"><a class=content href="javascript:doPrint();">打印本稿</a></p>

 

20.可以直接寫html語言

document.write("");

 

21.改變下拉框的顏色

<select name="classid"

 

onChange="changelocation(document.myform.classid.options[document.myform.classid.selectedIndex].value)"

 

size="1" style="color:#008080;font-size: 9pt">

 

22.轉至目標URL

window.location="http://guoguo"

 

23.傳遞該object的form

UpdateSN('guoqiang99267',this.form)

function UpdateSN(strValue,strForm)

{

  strForm.SignInName.value = strValue;

  return false;

}

 

24.文字標簽

<label for="AltName4"><input name="AltName" type="RADIO" tabindex="931"  id="AltName4"

 

>guoqiang99859</label>

 

25.layer2為組件的ID,可以控制組件是否可見

document.all.item('Layer2').style.display = "block";

document.all.item('Layer2').style.display = "none";//

 

26.將頁面加入favorite中

<script language=javascript>

<!–

function Addme(){

url = "http://your.site.address"; //你自己的主頁地址

title = "Your Site Name"; //你自己的主頁名稱

window.external.AddFavorite(url,title);

–>

</script>//

 

27.過10秒自動關閉頁面

< script language="JavaScript" >

function closeit() {

setTimeout("self.close()",10000)

}

< /script >

 

28.可以比較字符的大小

char=post.charAt(i);

if(!('0'<=char&&char<='9'))

 

29.將字符轉化為數字

month = parseInt(char)

 

30.點擊value非空的選項時轉向指定連接

<select onchange='if(this.value!="")window.open(this.value)' class="textinput">

    <option selected>主辦單位</option>

    <option>—————–</option>

    <option value="http://www.bjd.com.cn/">北京日報</option>

    <option value="http://www.ben.com.cn/">北京晚報</option>

</select>

 

31.改變背景顏色

<td width=* class=dp bgColor=#FAFBFC onmouseover="this.bgColor='#FFFFFF';"

 

onmouseout="this.bgColor='#FAFBFC';">

 

32.改變文字輸入框的背景顏色

<style>

.input2 {background-image: url('../images/inputbg.gif');   font-size: 12px; background-color:

 

#D0DABB;border-top-width:1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}

</style>

<input name=content type=text size="47" class="input2" maxlength="50">

 

33.改變水平線的特征

<hr size="0" noshade color="#C0C0C0">

 

34.傳遞參數的方式

<a href="vote.asp?CurPage=8&id=3488">8</a>

 

35.頁內跳轉

<a href="#1">1</a>

<a href="#2">2</a>

<a href="#3">3</a>

<a href="#4">4</a>

<a href="#5">5</a>

<a href="#6">6</a>

<a href="#7">7</a>

<a name="1">dfdf</a>

<a name="2">dfdf</a>//

 

36.兩個按鍵一起按下

if(event.ctrlKey && window.event.keyCode==13)//

 

37.刷新頁面

javascript:this.location.reload()//

 

38.將網頁的按鈕使能

<SCRIPT LANGUAGE="JavaScript">

function haha()

{

for(var i=0;i<document.form1.elements.length;i++)

{

  if(document.form1.elements[i].name.indexOf("bb")!=-1)

   document.form1.elements[i].disabled=!document.form1.elements[i].disabled;

}

}

</SCRIPT>

<BODY><form name=form1>

<INPUT TYPE="button" NAME="aa "  value=cindy onclick=haha()>

<INPUT TYPE="button" NAME="bb " value=guoguo>

<INPUT TYPE="button" NAME="bb " value=guoguo>

 

39.文字移動

<marquee scrollamount=3 onmouseover=this.stop(); onmouseout=this.start();>

 

40.雙擊網頁自動跑

<SCRIPT LANGUAGE="JavaScript">

var currentpos,timer;

function initialize()

{

timer=setInterval("scrollwindow()",1);

}

function sc()

{

clearInterval(timer);

}

function scrollwindow()

{

currentpos=document.body.scrollTop;

window.scroll(0,++currentpos);

if (currentpos != document.body.scrollTop)

  sc();

}

document.onmousedown=sc

document.ondblclick=initialize

</SCRIPT>//

 

41.後退

<INPUT TYPE="button" onclick=window.history.back() value=back>

 

42.前進

<INPUT TYPE="button" onclick=window.history.forward() value=forward>

 

43.刷新

<INPUT TYPE="button" onclick=document.location.reload() value=reload>

 

44.轉向指定網頁

document.location="http://ww"或者document.location.assign("http://guoguo.com")

 

45.在網頁上顯示實時時間

<SCRIPT LANGUAGE="JavaScript">

var clock_id;

window.onload=function()

{

clock_id=setInterval("document.form1.txtclock.value=(new Date);",1000)

}

</SCRIPT>//

 

46.可以下載文件

document.location.href="目標文件"//

 

47.連接數據庫

import java.sql.*;

String myDBDriver="sun.jdbc.odbc.JdbcOdbcDriver";

Class.forName(myDBDriver);

Connection conn=DriverManager.getConnection("jdbc:odbc:firm","username","password");

Statement stmt=conn.createStatement();

ResultSet rs=stmt.executeQuery(sql);

rs.getString("column1");//

 

48.可以直接在頁面“p”內寫下所需內容

<INPUT TYPE="button" onclick="a1.innerHTML='<font color=red>*</font>'">

<p id=a1></p>//

 

49.可以改變頁面上的連接的格式,使其為雙線

<style>

A:link {text-decoration: none; color:#0000FF; font-family: 宋體}

A:visited {text-decoration: none; color: #0000FF; font-family: 宋體}

A:hover {text-decoration: underline overline; color: FF0000}

</style>

 

<style>

A:link {text-decoration: none; color:#0000FF; font-family: 宋體}

A:visited {text-decoration: none; color: #0000FF; font-family: 宋體}

A:hover {text-decoration: underline overline line-through; color: FF0000}

TH{FONT-SIZE: 9pt}

TD{FONT-SIZE: 9pt}

body {SCROLLBAR-FACE-COLOR: #A9D46D; SCROLLBAR-HIGHLIGHT-COLOR: #e7e7e7;SCROLLBAR-SHADOW-COLOR:#e7e7e7;

 

SCROLLBAR-3DLIGHT-COLOR: #000000; LINE-HEIGHT: 15pt; SCROLLBAR-ARROW-COLOR: #ffffff;

 

SCROLLBAR-TRACK-COLOR: #e7e7e7;}

 

INPUT{BORDER-TOP-WIDTH: 1px; PADDING-RIGHT: 1px; PADDING-LEFT: 1px; BORDER-LEFT-WIDTH: 1px; FONT-SIZE:

 

9pt; BORDER-LEFT-COLOR: #cccccc;

BORDER-BOTTOM-WIDTH: 1px; BORDER-BOTTOM-COLOR: #cccccc; PADDING-BOTTOM: 1px; BORDER-TOP-COLOR: #cccccc;

 

PADDING-TOP: 1px; HEIGHT: 18px; BORDER-RIGHT-WIDTH: 1px; BORDER-RIGHT-COLOR: #cccccc}

DIV,form ,OPTION,P,TD,BR{FONT-FAMILY: 宋體; FONT-SIZE: 9pt}

textarea, select {border-width: 1; border-color: #000000; background-color: #efefef; font-family: 宋體;

 

font-size: 9pt; font-style: bold;}

.text { font-family: "宋體"; font-size: 9pt; color: #003300; border: #006600 solid; border-width: 1px 1px

 

1px 1px}

</style>完整的css

 

 

50.新建frame

<a

 

href="javascript:newframe('http://www.163.net/help/a_little/index.html','http://www.163.net/help/a_little

 

/a_13.html')"><img alt=幫助border=0 src=/wp-content/images1/20180919/2011111403113630595.gif"></a>

 

51.向文件中寫內容

<%@ page import="java.io.*" %>

<%

String str = "print me";

//always give the path from root. This way it almost always works.

String nameOfTextFile = "/usr/anil/imp.txt";

try

{

  PrintWriter pw = new PrintWriter(new FileOutputStream(nameOfTextFile));

  pw.println(str);

  //clean up

  pw.close();

}

catch(IOException e)

{

  out.println(e.getMessage());

}

%>

 

52.先讀文件再寫文件

<%@ page language = "java" %>

<%@ page contentType = "text/html; charSet=gb2312" %>

<%@ page import ="java.util.*" %>

<%@ page import ="java.lang.*" %>

<%@ page import ="javax.servlet.*" %>

<%@ page import ="javax.servlet.jsp.*" %>

<%@ page import ="javax.servlet.http.*" %>

<%@ page import="java.io.*" %>

eryrytry

<%

int count=0;

FileInputStream fi =new FileInputStream ("count.txt");

ObjectInputStream si= new ObjectInputStream (fi);

count =si.readInt();

count++;

out.print(count);

si.close();

 

FileOutputStream fo =new FileOutputStream ("count.txt");

ObjectOutputStream so= new ObjectOutputStream (fo);

so.writeInt(count);

so.close();

%>

 

53.直線型輸入框

<INPUT name=Password size=10 type=password style="border-left-width: 0; border-right-width: 0;

 

border-top-width: 0; border-bottom-style: solid; border-bottom-width: 1; background-color: #9CEB9C">

 

54.可以將背景改為按鈕性狀,通過改變css改變屬性

<td width="65" align="center" bgcolor="#E0E0E0" onmouseover=this.className='mouseoverbt';

 

onmouseout=this.className='mouseout';><a href="tm.asp?classid=76"><font

 

color="#000000">錄音筆</font></a></td>

<style>

.mouseoverbt

{

background-image: url(/wp-content/images1/20180919/btbgw64h20y96.gif);

background-repeat: no-repeat;

}

.mouseout

{

background-color: #E0E0E0;

}

</style>

 

55.同時按下CTRL和Q鍵

document.onkeydown=function()

{

if(event.ctrlKey&&event.keyCode==81)

{alert(1)}

}//

 

56.以下是一個完整的顯示hint的代碼,其思想是當鼠標停留是將p中的內容顯示在鼠標出,當鼠標移出後在將該p隱

 

藏掉

———————————————————————————————————

 

————

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

<style>

#hint{

width:198px;

border:1px solid #000000;

background:#99ff33;

position:absolute;

z-index:9;

padding:6px;

line-height:17px;

text-align:left;

top: 1520px;

}

</style>

<SCRIPT LANGUAGE="JavaScript">

<!–

function showme()

{

var oSon=window.document.getElementByIdx_x("hint");

if (oSon==null) return;

with (oSon)

{

  innerText=guoguo.value;

  style.display="block";

  style.pixelLeft=window.event.clientX+window.document.body.scrollLeft+6;

  style.pixelTop=window.event.clientY+window.document.body.scrollTop+9;

}

}

function hidme()

{

var oSon=window.document.getElementByIdx_x("hint");

if (oSon==null) return;

oSon.style.display="none";

}

//–>

</SCRIPT>

<BODY>

<text id=guoguo value=ga>

<a href=# onmouseover=showme() onmouseout=hidme() onmousemove=showme() son=hint>dfdfd</a>

<p id=hint style="display:none"></p>

</BODY>

</HTML>

———————————————————————————————————

 

————

 

57.彈出窗口

方法一:<body onload="openwen()"> 瀏覽器讀頁面時彈出窗口;

方法二:<body onunload="openwen()"> 瀏覽器離開頁面時彈出窗口;

方法三:用一個連接調用:<a href="#" onclick="openwin()">打開一個窗口</a>

註意:使用的"#"是虛連接。

方法四:用一個按鈕調用:<input type="button" onclick="openwin()" value="打開窗口"> 何時裝載script

 

 

58.動態改變字體的大小

function doZoom(size)

{

   document.getElementByIdx_x('zoom').style.fontSize=size+'px'

}

 

function aa()

{

   var newWin=window.open(url);

   newWin.document.form1.text1.value=value1;

}改變彈出窗口上域的屬性

opener.document.form2.text2.value=value2;改變父窗口的域的值

 

59.判斷是何種瀏覽器

var name = navigator.appName;

if (name == "Microsoft Internet Explorer")

alert("IE");

else if (name == "Netscape")

alert("NS");//

 

60.vbsscript確定框

<script language="VBScript">

<!–

MsgBox "確定刪除嗎?", 4

//–>

</script>//

 

61.復制內容到剪切板

function JM_cc(bb)

{

    var ob=eval_r("document.form1."+bb);

    ob.select();

    js=ob.createTextRange();

    js.execCommand("Copy");

}//

 

62.java中建立數據庫連接取數據

public void init()

{

String url="jdbc:odbc:javadata";

try

{

  Class.forName("sun.jdbc.odbc.JdbcOdbcDriver");

  Connection con=DriverManager.getConnection(url,"sa","");//mssql database user SA and password

  DatabaseMetaData dma=con.getMetaData();

  System.out.println("Connect to"+dma.getURL());

  System.out.println(";Driver "+dma.getDriverName());

  System.out.println(";Version "+dma.getDriverVersion());

  System.out.println("");

  Statement stmt=con.createStatement();

  ResultSet rs=stmt.executeQuery("select * from company.dbo.TB_NAME where number=1");//Sql

  rs.next();

  String dispresult=rs.getString("name");

  System.out.println(dispresult);// Instead,you can display it in Paint() or use AWT etc.

  rs.close();

  stmt.close();

  con.close();

}

catch(SQLException ex)

{

  System.out.println("!!!SQL Exception !!!");

  while(ex!=null)

  {

   System.out.println("SQLState:"+ex.getSQLState());

   System.out.println("Message:"+ex.getMessage());

   System.out.println("Vendor:"+ex.getErrorCode());

   ex=ex.getNextException();

   System.out.println("");

  }

 

}

catch(java.lang.Exception ex)

{

  ex.printStackTrace();

}

}//

 

 

63.最小化窗口

window.blur()//

 

 

64.文檔的路徑

document.URL//

 

65.定時執行某段程序

setTimeout("change_color()",600);

 

66.設置為主頁

function makeHome(){

  netscape.security.PrivilegeManager.enablePrivilege("UniversalPreferencesWrite");

  navigator.preference("browser.startup.homepage", location.href);

}//

 

67.設置為收藏

function addFav(){

  if(ie)

    window.external.AddFavorite(location.href,'WWW.OGRISH.COM : GROTESQUE MOVIES AND PICTURES');

  if(ns)

    alert("Thanks for the bookmark!/n/nNetscape users click OK then press CTRL-D");

}//

 

68.判斷cookie是否可用

navigator.cookieEnabled;//

 

69.顯示有模式的有頁面的彈出窗口

function setbgcolor_onclick()

{

var color = showModalDialog("/mailpage/compose/colorsel.html",0,"help=0");

if (color != null)

{

  document.compose.bgcolor.value = color;

}

}//

 

 

70.截取小數點後兩位

var a=3454545.4454545;

alert(a.toFixed(2));//

 

 

71.禁止選擇頁面上的文字來拷貝

<script>

function noEffect() {

  with (event) {

    returnValue = false;

    cancelBubble = true;

  }

  return;

}

</script>

<body onselectstart="noEffect()" oncontextmenu="noEffect()">//

 

72.屏蔽右鍵菜單

oncontextmenu="event.returnValue = false"//

 

73.事件禁止起泡

event.cancelBubble = true//

 

74.禁止在輸入框打開輸入法

<input style="ime-mode: disabled">//

 

75.屏蔽漢字和空格

<input name="txt"><input type="submit" onClick="alert(!/[^ -}]|/s/.test(txt.value))">//

 

76.用javascript判斷文件是否存在

function Exists(filespec)

{

if (filespec)

{

  var fso;

  fso = new ActiveXObject("Scripting.FileSystemObject");

  alert(fso.FileExists(filespec));

}

}

選擇圖片<input type=file name=f1><p>

<input type="submit" onClick="Exists(f1.value)">//

 

77.獲得當前的文本框選中的文字

<input onmouseup="alert(document.selection.createRange().text)" value=123>//

 

78.跳轉至目標頁面,同時不可返回

<a href="javascript:location.replace('http://www.sohu.com/')">sohu.com</a>//

 

 

79.獲得當前的行是表格的第幾行

<script>

function getrow(obj)

{

   if(event.srcElement.tagName=="TD"){

   curRow=event.srcElement.parentElement;

   alert("這是第"+(curRow.rowIndex+1)+"行");

 

   }

}

</script>

 

<table border="1" width="100%" onclick=getrow(this)>

  <tr>

    <td width="20%"> </td>

    <td width="20%"> </td>

    <td width="20%"> </td>

    <td width="20%"> </td>

    <td width="20%"> </td>

  </tr>

  <tr>

    <td width="20%"> </td>

    <td width="20%"> </td>

    <td width="20%"> </td>

    <td width="20%"> </td>

    <td width="20%"> </td>

  </tr>

</table>//

 

80.刪除表格某行,xx表示某行,下標從0開始計算

document.all.myTable.deleteRow(xx)//

 

81.動態的向表格中添加行

<table id="t1" border="1">

</table>

<script language="JavaScript">

function add()

{

   t1.insertRow().insertCell().innerHTML = '<input name="test'+t1.rows.length+'">';

}//

 

82.event.x,event.clientX,event.offsetX區別:

x:設置或者是得到鼠標相對於目標事件的父元素的外邊界在x坐標上的位置。clientX:相對於客戶區域的x坐標位置,不

 

包括滾動條,就是正文區域。offsetx:設置或者是得到鼠標相對於目標事件的父元素的內邊界在x坐標上的位置。

screenX:相對於用戶屏幕。

 

 

83.顯示是鼠標按鈕的哪個

<body onMouseDown="alert(event.button)">點Mouse看看//

 

84.打開C盤

<form action="file:///c|/"><input type="submit" value="c:/ drive"></form>//

 

85.當前屏幕的分辨率

screen.width、screen.height//

 

86.設置表格中的內容

tbl.rows[0].cells[1].innerText=document.form.text1.value;//

 

 

87.本地快捷鍵

<p><a href="file:///::{208D2C60-3AEA-1069-A2D7-08002B30309D}" target="_blank">網上鄰居</a></p>

<p><a href="file:///::{20D04FE0-3AEA-1069-A2D8-08002B30309D}/d:/web" target="_blank">我的電腦</a></p>

<p><a href="file:///::{450D8FBA-AD25-11D0-98A8-0800361B1103}" target="_blank">我的文檔</a></p>

<p><a href="file:///::{645FF040-5081-101B-9F08-00AA002F954E}" target="_blank">回收站</a></p>

<p><a href="file:///::{20D04FE0-3AEA-1069-A2D8-08002B30309D}/::{21EC2020-3AEA-1069-A2DD-08002B30309D}"

 

target="_blank">控制面板</a></p>

<p><a href="file:///::{7007ACC7-3202-11D1-AAD2-00805FC1270E}">撥號網絡</a>(windows 2000)</p>

 

 

88.IE菜單

<button onclick="min.Click()"><font face="webdings">0</font></button>//改變按鈕上的圖片

<input type=button  onclick="document.execCommand('CreateLink','true','true')"> //創建新連接

<input type=button  onclick="document.execCommand('print','true','true')"> //打印

<input type=button  onclick="document.execCommand('saveas','true','網站制作.htm')">//另存為htm

<input type=button  onclick="document.execCommand('saveas','true','網站制作.txt')">//另存為txt

document.execCommand("SaveAs")//保存為

document.execCommand('undo')//撤銷上一次操作

 

89.web對話框

<SCRIPT>

var contents='<style>body,td{font:menu}img{cursor:hand}</style>';

contents+='<title>你要關閉我嗎</title>';

contents+='<body bgcolor=menu>';

contents+='<table width=100% height=100% border=0>';

contents+='<tr><td align=center>';

contents+='你要關閉我嗎?<br>';

contents+='<img src=dark.gif onclick=self.close() alt="…關閉">';

contents+='<img src=jet.gif onclick=self.close() alt="全是關閉">';

contents+='</td></tr></table>';

showModalDialog("about:"+contents+"","","dialogHeight:50px;dialogWidth:250px;help:no;status:no")

document.write(contents);

</SCRIPT>//

 

90.取第x,y的值

<button onclick="t1.rows[x].cells[y].innerText='guoguo'"></button>//

 

91.向新打開的網頁上寫內容

newwin=window.open('about:blank','','top=10');

newwin.document.write('');//

 

93.返回

javascript:history.go(-2);//

 

94.將頁面上選中的內容復制到剪貼板

abcdefg

<input type='button'

 

onclick="window.clipboardData.setData('text',document.selection.createRange().text);" value='復制頁面選中

 

的字符'>//

95.將頁面上選中的內容復制到剪貼板

<INPUT TYPE="text" NAME="">kjhkjhkhkj<INPUT TYPE="button" onclick="document.execCommand('Copy', 'false',

 

null);">////

 

96.鼠標移到下拉框時自動全部打開

<select onmouseover="javascript:this.size=this.length" onmouseout="javascript:this.size=1"></select>//

 

97.獲得本機的文件

var fso = new ActiveXObject("Scripting.FileSystemObject");

var f1 = fso.GetFile("C://bsitcdata//ejbhome.xml");

alert("File last modified: " + f1.DateLastModified); //

 

98.判斷客戶端是否是IE瀏覽器

因為document.all 是IE 的特有屬性,所以通常用這個方法來判斷客戶端是否是IE瀏覽器,document.all?1:0;

 

99.創建新的下拉框選項

new Option(text,value)這樣的函數//

 

100.在頁面上畫柱狀圖

<STYLE>

td{font-size:12px}

body{font-size:12px}

v/:*{behavior:url(#default#VML);} //這裡聲明瞭v作為VML公用變量

</STYLE>

<SCRIPT LANGUAGE="JavaScript">

mathstr=12;

document.write ("<v:rect fillcolor='red'

 

style='width:20;color:navy;height:"+5000/(1000/mathstr)+"'><br>&nbsp;%"+mathstr+"<br>4人<v:Extrusion

 

backdepth='15pt' on='true'/></v:rect>")

</SCRIPT>

<v:rect fillcolor='red' style='width:20;color:navy;height:200'><br><br>4人<v:Extrusion

 

backdepth='15pt' on='true'/></v:rect>

<v:rect fillcolor='yellow' style='width:20;color:navy;height:100'><br><br>4人<v:Extrusion

 

backdepth='15pt' on='true'/></v:rect>//

 

101.餅圖

<style>

v/:*     { behavior: url(#default#VML) }

o/:*     { behavior: url(#default#VML) }

.shape    { behavior: url(#default#VML) }

</style>

<script language="javascript">

function show(pie)

{

pie.strokecolor=pie.fillcolor;

pie.strokeweight=10;

p1.innerHTML="<font size=2 color=red> " + pie.id +"</font> <font size=2>" + pie.title + "</font>";

}

function hide(pie)

{

pie.strokecolor="white";

pie.strokeweight=1;

p1.innerHTML="";

}

</script>

</head>

<body>

<v:group style='width: 5cm; height: 5cm' coordorigin='0,0' coordsize='250,250'>

<v:shape id='asp技術' style='width:10;height:10;top:10;left:0' title='得票數:6 比例:40.00%'

 

onmouseover='javascript:show(this);' onmouseout='javascript:hide(this);' href='http://www.cnADO.com'

 

CoordSize='10,10' strokecolor='white' fillcolor='#ffff33'><v:path v='m 300,200 ae

 

300,200,200,150,0,9437184 xe'/></v:shape>

<v:shape id='php' style='width:10;height:10;top:10;left:0' title='得票數:1 比例:6.67%'

 

onmouseover='javascript:show(this);' onmouseout='javascript:hide(this);' href='http://www.cnADO.com'

 

CoordSize='10,10' strokecolor='white' fillcolor='#ff9933'><v:path v='m 300,200 ae

 

300,200,200,150,9437184,1572864 xe'/></v:shape>

<v:shape id='jsp' style='width:10;height:10;top:10;left:0' title='得票數:2 比例:13.33%'

 

onmouseover='javascript:show(this);' onmouseout='javascript:hide(this);' href='http://www.cnADO.com'

 

CoordSize='10,10' strokecolor='white' fillcolor='#3399ff'><v:path v='m 300,200 ae

 

300,200,200,150,11010048,3145728 xe'/></v:shape>

<v:shape id='c#寫的.netWEB程序' style='width:10;height:10;top:10;left:0' title='得票數:3 比例:20.00%'

 

onmouseover='javascript:show(this);' onmouseout='javascript:hide(this);' href='http://www.cnADO.com'

 

CoordSize='10,10' strokecolor='white' fillcolor='#99ff33'><v:path v='m 300,200 ae

 

300,200,200,150,14155776,4718592 xe'/></v:shape>

<v:shape id='vb.net寫的.netWEB程序' style='width:10;height:10;top:10;left:0' title='得票數:2 比例:13.33%'

 

onmouseover='javascript:show(this);' onmouseout='javascript:hide(this);' href='http://www.cnADO.com'

 

CoordSize='10,10' strokecolor='white' fillcolor='#ff6600'><v:path v='m 300,200 ae

 

300,200,200,150,18874368,3145728 xe'/></v:shape>

<v:shape id='xml技術' style='width:10;height:10;top:10;left:0' title='得票數:1 比例:6.67%'

 

onmouseover='javascript:show(this);' onmouseout='javascript:hide(this);' href='http://www.cnADO.com'

 

CoordSize='10,10' strokecolor='white' fillcolor='#ff99ff'><v:path v='m 300,200 ae

 

300,200,200,150,22020096,1572864 xe'/></v:shape>

</v:group>

 

<v:group style='width: 6cm; height: 6cm' coordorigin='0,0' coordsize='250,250'>

<v:rect style='height:10;width:15;top:0;left:10' fillcolor='#ffff33'/>

<v:rect style='height:28;width:100;top:0;left:30' stroked='false'><v:textbox

 

style='fontsize:2'>asp技術</v:textbox/></v:rect>

<v:rect style='height:10;width:15;top:30;left:10' fillcolor='#ff9933'/>

<v:rect style='height:28;width:100;top:30;left:30' stroked='false'><v:textbox

 

style='fontsize:2'>php</v:textbox/></v:rect>

<v:rect style='height:10;width:15;top:60;left:10' fillcolor='#3399ff'/>

<v:rect style='height:28;width:100;top:60;left:30' stroked='false'><v:textbox

 

style='fontsize:2'>jsp</v:textbox/></v:rect>

<v:rect style='height:10;width:15;top:90;left:10' fillcolor='#99ff33'/>

<v:rect style='height:28;width:100;top:90;left:30' stroked='false'><v:textbox

 

style='fontsize:2'>c#寫的.netWEB程序</v:textbox/></v:rect>

<v:rect style='height:10;width:15;top:120;left:10' fillcolor='#ff6600'/>

<v:rect style='height:28;width:100;top:120;left:30' stroked='false'><v:textbox style='fontsize:2'>vb.net

 

寫的.netWEB程序</v:textbox/></v:rect>

<v:rect style='height:10;width:15;top:150;left:10' fillcolor='#ff99ff'/>

<v:rect style='height:28;width:100;top:150;left:30' stroked='false'><v:textbox style='fontsize:2'>xml技術

 

</v:textbox/></v:rect>

</v:group>

 

<p style="position: absolute; left: 10; top: 10; width: 760; height:16">

<table border="1" cellpadding="2" cellspacing="2" cellpadding="0" cellspacing="0"

 

style="border-collapse: collapse" bordercolor="#CCCCCC" width="100%" ID="Table1">

  <tr>

   <td width="100%" id=p1> </td>

  </tr>

</table>

</p>//

 

102.是一個特殊的容器,想裝個網頁都行

<button><iframe src="http://www.google.com/"></iframe></button>//button

 

103.外部的html代碼

event.srcElement.outerHTML//

 

104.標識當前的IE事件的觸發器

event.srcElement和event.keyCode//

 

105.事件類型

event.type//

 

106.動態改變類型

<style>

.Overnone { border-width:0;background-color:darkblue;cursor:default;color:gold;width:115}

.Outnone   {border-width:0;background-color:white;cursor:default;width:115}

</style>

<input class=Outnone onmouseover=this.className='Overnone' >//

 

107.頁面翻轉

<html dir=rtl></html>//

 

108.滾屏

parent.scroll(x,y);//

<body onload="s=0" onDblClick="s=setInterval('scrollBy(0, 1)',10)" onClick="clearInterval(s)">//

 

109.改變狀態欄

self.status ="";//

 

110.改變窗口大小

window.resizeTo(200,300);//

 

111.改變鼠標樣式

style

BODY{CURSOR: url('mouse.ani');

SCROLLBAR-BASE-COLOR: #506AA8;

SCROLLBAR-ARROW-COLOR: #14213F;

}//

 

112.背景透明

<input type="button" value="Button" style="background-color: transparent; border: 0;">//

 

113.鼠標為等待形狀

<input type=button onclick="this.style.cursor='wait'">//

 

114.調用父窗口的函數

opener.fucntion1();//

 

115.body的內部html代碼

<input type="button" onclick="alert(code.document.body.innerHTML)" value="查看">//

 

116.框架中調用父窗口的函數

<INPUT TYPE='button' onclick='parent.test();' value='調用parent窗口的函數'>//

 

117.交換節點

<table  width=200  height=200  border>

<tr><td  id=c1>CELL_1</td></tr>

<tr><td  id=c2>CELL_2</td></tr>

</table>

<br>

<input  type="button"  value="swap  row"  onclick="c1.swapNode(c2)">//

 

118.刪除節點

<table  width=200  height=200  border>

<tr id=trall><td  id=c1>CELL_1</td></tr>

<tr><td  id=c2>CELL_2</td></tr>

</table>

<br>

<input  type="button"  value="swap  row"  onclick="trall.removeNode(c2)">//

 

119.添加節點

addNode()//

 

120.獲得事件的父與子標簽

event.srcElement.children[0]和event.srcElement.parentElement //

 

 

121.集中為按鈕改變顏色

<style>

button{benc:expression_r(this.onfocus = function(){this.style.backgroundColor='#E5F0FF';})}

</style>

<button>New</button>//

 

 

122.判斷是左鍵還是右鍵被按下

<body onmousedown=if(event.button==1)alert("左鍵");if(event.button==2)alert("右鍵")>//

 

123.獲得操作系統的名稱和瀏覽器的名稱

document.write(navigator.userAgent)//

 

 

124.alt/ctrl/shift鍵按下

event.altKey //按下alt鍵

event.ctrlKey //按下ctrl鍵

event.shiftKey //按下shift鍵

 

125.將當前位置定位為C盤。

{window.location="c:"}//

 

126.返回輸入框的類型

<script>

alert(event.srcElement.type);//

</script>

 

127.模擬控件的單擊事件

<INPUT TYPE="hidden" name="guoguo" onclick="haha()">

<SCRIPT LANGUAGE="JavaScript">

<!–

 

function haha()

{

alert();

}

guoguo.click();

//–>

</SCRIPT>//

 

 

128.取出記錄集的列名

java.sql.ResultSet rset = com.bsitc.util.DBAssist.getIT().executeQuery(queryStatement, conn);

java.sql.ResultSetMetaData metaData = rset.getMetaData();

int count = metaData.getColumnCount();

String name = metaData.getColumnName(i);

String value = rset.getString(i);//

 

129.格式化數字

function format_number(str,digit)

{

if(isNaN(str))

{

  alert("您傳入的值不是數字!");

  return 0;

}

else if(Math.round(digit)!=digit)

{

  alert("您輸入的小數位數不是整數!");

  return 0;

}

else

  return Math.round(parseFloat(str)*Math.pow(10,digit))/Math.pow(10,digit);

}

 

130.回車按鈕轉化為tab按鈕

if(event.keyCode==13) event.keyCode=9; //將

 

 

131.滾動條滾動

<button onclick="text1.scrollTop=text1.scrollHeight">Scroll</button><br>

<textarea id="text1" cols=50 rows=10>

1

1

1

1

1

1

1

1

1

1

1

1

1

1

1

</textarea>//

 

 

132.判斷是什麼對象

if(typeof(unknown)=="function")return true;

if(typeof(unknown)!="object")return false;//

 

 

133.取消文本框自動完成功能

<input type="text" > //

 

134.讓下拉框自動下拉

<select onmouseover="javascript:this.size=this.length" onmouseout="javascript:this.size=1">

<option value="">1</option>

<option value="">2</option>

<option value="">3</option>

</select> //

 

 

135.讀取XML文件

var childrenobj=myselect//document.all.myselect;

    var oXMLDoc = new ActiveXObject('MSXML');

    oXMLDoc.url = "mymsg.xml";

    var oRoot=oXMLDoc.root;

    if(oRoot.children != null)

{

        for(var i=0;i<oRoot.children.item(0).children.length;++i)

  {

            oItem = oRoot.children.item(0).children.item(i);

            oOption = new Option(oItem.text,oItem.value);

   childrenobj.add(oOption);

        }

    }

//mymsg.xml文件

<?xml version="1.0" encoding="gb2312" ?>

<childrenlist>

<aa>

<child value='3301'>杭州地區</child>

 

<child value='3303'>溫州地區</child>

 

</aa>

<aa>

<child value='3310'>臺州地區</child>

 

<child value='3311'>麗水地區</child>

</aa>

</childrenlist>//

 

 

136.點擊圖片,圖片停止

<a href="javascript:"><img src=/wp-content/images1/20180919/2011111403113650697.gif" border="0"></a>//

 

137.顯示本地計算機信息

var WshNetwork = new ActiveXObject("WScript.Network");

alert("Domain = " + WshNetwork.UserDomain);

alert("Computer Name = " + WshNetwork.ComputerName);

alert("User Name = " + WshNetwork.UserName);//

 

 

138.比較時間

  tDate = new Date(2004,01,08,14,35); //年,月,日,時,分

  dDate = new Date();

  tDate<dDate?alert("早於"):alert("晚於");//

 

139.彈出鼠標所在處的鏈結地址

  <body onmouseover="if (event.srcElement.tagName=='A')alert(event.srcElement.href)"><a

 

href="http://51js.com/viewthread.php?tid=13589" >dddd</a><input>//

 

140.註意不能通過與undefined 做比較來測試一個變量是否存在,雖然可以檢查它的類型是否為“undefined”。在以

 

下的代碼范例中,假設程序員想測試是否已經聲明變量x :

// 這種方法不起作用

if (x == undefined)

    // 作某些操作

// 這個方法同樣不起作用- 必須檢查

 

 

// 字符串"undefined"

if (typeof(x) == undefined)

    // 作某些操作

// 這個方法有效

if (typeof(x) == "undefined")

    // 作某些操作

 

141.創建具有某些屬性的對象

var myObject = new Object();

myObject.name = "James";

myObject.age = "22";

myObject.phone = "555 1234";//

 

142.枚舉(循環)對象的所有屬性

for (var a in myObject)

{

    // 顯示"The property 'name' is James",等等。

    window.alert("The property '" + a + "' is " + myObject[a]);

}//

 

143.判斷一個數字是否是整數

var a=23.2;

alert(a%1==1)//

 

 

144.新建日期型變量

var a = new Date(2000, 1, 1);

alert(a.toLocaleDateString());

 

 

145.給類定義新的方法

function trim_1()

{

  return this.replace(/(^/s*)|(/s*$)/g, "");

}

String.prototype.trim=trim_1;

alert('cindy'.trim());

 

 

146.定義一個將日期類型轉化為字符串的方法

function guoguo_date()

{

var tmp1,tmp2;

tmp1 =this.getMonth()+1+"";

if(tmp1.length<2)

  tmp1="0"+tmp1;

tmp2 =this.getDate()+"";

if(tmp2.length<2)

  tmp2="0"+tmp2;

 

return this.getYear()+"-"+tmp1+"-"+tmp2;

}

Date.prototype.toLiteString=guoguo_date;

alert(new Date().toLiteString())

 

147. pasta 是有四個參數的構造器,定義對象。

function pasta(grain, width, shape, hasEgg)

{

    // 是用什麼糧食做的?

    this.grain = grain;

 

    // 多寬?(數值)

    this.width = width;  

 

    // 橫截面形狀?(字符串)

    this.shape = shape;

 

    // 是否加蛋黃?(boolean)

    this.hasEgg = hasEgg;

 

    //定義方法

    this.toString=aa;

}

function aa()

{

;

}

//定義瞭對象構造器後,用new 運算符創建對象實例。

var spaghetti = new pasta("wheat", 0.2, "circle", true);

var linguine = new pasta("wheat", 0.3, "oval", true);

//補充定義屬性,spaghetti和linguine都將自動獲得新的屬性

pasta.prototype.foodgroup = "carbohydrates";

 

 

148.打印出錯誤原因

try

{

x = y   // 產生錯誤。

}

catch(e)

{

   document.write(e.description)   //打印"'y' is undefined".

}//

 

149.生成EXCEL文件並保存

var ExcelSheet;

ExcelApp = new ActiveXObject("Excel.Application");

ExcelSheet = new ActiveXObject("Excel.Sheet");

//本代碼啟動創建對象的應用程序(在這種情況下,Microsoft Excel 工作表)。一旦對象被創建,就可以用定義的對

 

象變量在代碼中引用它。 在下面的例子中,通過對象變量ExcelSheet 訪問新對象的屬性和方法和其他Excel 對象,

 

包括Application 對象和ActiveSheet.Cells 集合。

// 使Excel 通過Application 對象可見。

ExcelSheet.Application.Visible = true;

// 將一些文本放置到表格的第一格中。

ExcelSheet.ActiveSheet.Cells(1,1).Value = "This is column A, row 1";

// 保存表格。

ExcelSheet.SaveAs("C://TEST.XLS");

// 用Application 對象用Quit 方法關閉Excel。

ExcelSheet.Application.Quit();//

 

150.根據標簽獲得一組對象

var coll = document.all.tags("DIV");

if (coll!=null)

{

for (i=0; i<coll.length; i++)

}//

  

151.實現打印預覽及打印

<OBJECT classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2" height=0 id=wb name=wb width=0></OBJECT>

<input type=button value=打印預覽onclick="wb.execwb(7,1)">

<input type=button onClick=document.all.wb.ExecWB(6,1) value="打印">//

 

152.不通過form,直接通過名字引用對象

<INPUT TYPE="text" NAME="gg" value=aaaaa>

<SCRIPT LANGUAGE="JavaScript">

<!–

alert(document.all.gg.value)

//–>

</SCRIPT>//

 

153.使鼠標滾輪失效

function document.onmousewheel()

{

return false;

}//

 

154.創建彈出窗口

<SCRIPT LANGUAGE="JScript">

  var oPopup = window.createPopup();

  var oPopupBody = oPopup.document.body;

  oPopupBody.innerHTML = "Display some <B>HTML</B> here.";

  oPopup.show(100, 100, 200, 50, document.body);

</SCRIPT>//

 

155.取得鼠標所在處的對象

var obj = document.elementFromPoint(event.x,event.y);//

 

156.獲得左邊的對象

<INPUT TYPE="text" NAME="gg"><INPUT TYPE="text" NAME="bb"

 

onclick="this.previousSibling.value='guoguo'">//

 

157.定位鼠標

document.all.hint_layer.style.left  = event.x+document.body.scrollLeft+10;

document.all.hint_layer.style.top  = event.y+document.body.scrollTop+10;//

 

158.向下拉框指定位置添加項目

var op  = document.createElement_x("OPTION");

document.all.selected_items.children(index).insertAdjacentElement("BeforeBegin",op);

op.text  = document.all.all_items[i].text;

op.value = document.all.all_items[i].value;//

 

 

159.判斷一個窗口是否已經打開,如果已經打開,則關閉之

var a;

if(a)

a.close();

else

a=window.open('','','');//

 

160.動態創建一個標簽

newElem  = document.createElement_x("DIV");

newElem.id = "hint_layer";

document.body.appendChild(newElem);

document.all.hint_layer.innerText="guoguo";//

 

161.標題欄

document.title//

 

162.背景圖片

<body style="BACKGROUND-ATTACHMENT: fixed" background="img/bgfix.gif" ></body>//背景圖片不動

 

<STYLE TYPE="text/css">

<!–

BODY {background-image:img/bgchild.jpg;

background-position: center;

background-repeat: no-repeat;

background-attachment: fixed;}

–>

</STYLE>//背景圖片居中

 

163.設置透明效果

document.form.xxx.filters.alpha.opacity=0~100//

 

164.定義方法

var dragapproved=false;

document.onmouseup=new Function("dragapproved = false");//

 

165.將數字轉化為人民幣大寫形式

function convertCurrency(currencyDigits) {

// Constants:

var MAXIMUM_NUMBER = 99999999999.99;

// Predefine the radix characters and currency symbols for output:

var CN_ZERO = "零";

var CN_ONE = "壹";

var CN_TWO = "貳";

var CN_THREE = "叁";

var CN_FOUR = "肆";

var CN_FIVE = "伍";

var CN_SIX = "陸";

var CN_SEVEN = "柒";

var CN_EIGHT = "捌";

var CN_NINE = "玖";

var CN_TEN = "拾";

var CN_HUNDRED = "佰";

var CN_THOUSAND = "仟";

var CN_TEN_THOUSAND = "萬";

var CN_HUNDRED_MILLION = "億";

var CN_SYMBOL = "人民幣";

var CN_DOLLAR = "元";

var CN_TEN_CENT = "角";

var CN_CENT = "分";

var CN_INTEGER = "整";

 

// Variables:

var integral; // Represent integral part of digit number.

var decimal; // Represent decimal part of digit number.

var outputCharacters; // The output result.

var parts;

var digits, radices, bigRadices, decimals;

var zeroCount;

var i, p, d;

var quotient, modulus;

 

// Validate input string:

currencyDigits = currencyDigits.toString();

if (currencyDigits == "") {

  alert("Empty input!");

  return "";

}

if (currencyDigits.match(/[^,./d]/) != null) {

  alert("Invalid characters in the input string!");

  return "";

}

if ((currencyDigits).match(/^((/d{1,3}(,/d{3})*(.((/d{3},)*/d{1,3}))?)|(/d+(./d+)?))$/) == null) {

  alert("Illegal format of digit number!");

  return "";

}

 

// Normalize the format of input digits:

currencyDigits = currencyDigits.replace(/,/g, ""); // Remove comma delimiters.

currencyDigits = currencyDigits.replace(/^0+/, ""); // Trim zeros at the beginning.

// Assert the number is not greater than the maximum number.

if (Number(currencyDigits) > MAXIMUM_NUMBER) {

  alert("Too large a number to convert!");

  return "";

}

 

// http:/// Process the coversion from currency digits to characters:

// Separate integral and decimal parts before processing coversion:

parts = currencyDigits.split(".");

if (parts.length > 1) {

  integral = parts[0];

  decimal = parts[1];

  // Cut down redundant decimal digits that are after the second.

  decimal = decimal.substr(0, 2);

}

else {

  integral = parts[0];

  decimal = "";

}

// Prepare the characters corresponding to the digits:

digits = new Array(CN_ZERO, CN_ONE, CN_TWO, CN_THREE, CN_FOUR, CN_FIVE, CN_SIX, CN_SEVEN, CN_EIGHT,

 

CN_NINE);

radices = new Array("", CN_TEN, CN_HUNDRED, CN_THOUSAND);

bigRadices = new Array("", CN_TEN_THOUSAND, CN_HUNDRED_MILLION);

decimals = new Array(CN_TEN_CENT, CN_CENT);

// Start processing:

outputCharacters = "";

// Process integral part if it is larger than 0:

if (Number(integral) > 0) {

  zeroCount = 0;

  for (i = 0; i < integral.length; i++) {

   p = integral.length – i – 1;

   d = integral.substr(i, 1);

   quotient = p / 4;

   modulus = p % 4;

   if (d == "0") {

    zeroCount++;

   }

   else {

    if (zeroCount > 0)

    {

     outputCharacters += digits[0];

    }

    zeroCount = 0;

    outputCharacters += digits[Number(d)] + radices[modulus];

   }

   if (modulus == 0 && zeroCount < 4) {

    outputCharacters += bigRadices[quotient];

   }

  }

  outputCharacters += CN_DOLLAR;

}

// Process decimal part if there is:

if (decimal != "") {

  for (i = 0; i < decimal.length; i++) {

   d = decimal.substr(i, 1);

   if (d != "0") {

    outputCharacters += digits[Number(d)] + decimals[i];

   }

  }

}

// Confirm and return the final output string:

if (outputCharacters == "") {

  outputCharacters = CN_ZERO + CN_DOLLAR;

}

if (decimal == "") {

  outputCharacters += CN_INTEGER;

}

outputCharacters = CN_SYMBOL + outputCharacters;

return outputCharacters;

}//

 

 

166.xml數據島綁定表格

<html>

<body>

<xml id="abc" src="test.xml"></xml>

<table border='1' datasrc='#abc'>

<thead>

<td>接收人</td>

<td>發送人</td>

<td>主題</td>

<td>內容</td>

</thead>

<tfoot>

<tr><th>表格的結束</th></tr>

</tfoot>

<tr>

<td><p datafld="to"></p></td>

<td><p datafld="from"></p></td>

<td><p datafld="subject"></p></td>

<td><p datafld="content"></p></td>

</tr>

</table>

</body>

</html>

 

//cd_catalog.xml

<?xml version="1.0" encoding="ISO-8859-1" ?>

<!–  Edited with XML Spy v4.2

  –>

<CATALOG>

<CD>

  <TITLE>Empire Burlesque</TITLE>

  <ARTIST>Bob Dylan</ARTIST>

  <COUNTRY>USA</COUNTRY>

  <COMPANY>Columbia</COMPANY>

  <PRICE>10.90</PRICE>

  <YEAR>1985</YEAR>

  </CD>

<CD>

  <TITLE>Hide your heart</TITLE>

  <ARTIST>Bonnie Tyler</ARTIST>

  <COUNTRY>UK</COUNTRY>

  <COMPANY>CBS Records</COMPANY>

  <PRICE>9.90</PRICE>

  <YEAR>1988</YEAR>

  </CD>

<CD>

  <TITLE>Greatest Hits</TITLE>

  <ARTIST>Dolly Parton</ARTIST>

  <COUNTRY>USA</COUNTRY>

  <COMPANY>RCA</COMPANY>

  <PRICE>9.90</PRICE>

  <YEAR>1982</YEAR>

  </CD>

<CD>

  <TITLE>Still got the blues</TITLE>

  <ARTIST>Gary Moore</ARTIST>

  <COUNTRY>UK</COUNTRY>

  <COMPANY>Virgin records</COMPANY>

  <PRICE>10.20</PRICE>

  <YEAR>1990</YEAR>

  </CD>

</CATALOG>

//

 

 

167.以下組合可以正確顯示漢字

================================

xml保存編碼xml頁面指定編碼

ANSI  gbk/GBK、gb2312

Unicode  unicode/Unicode

UTF-8  UTF-8

================================

 

 

168.XML操作

<xml id="xmldata" src="/data/books.xml">

<p id="guoguo"></p>

<script>

var x=xmldata.recordset //取得數據島中的記錄集

if(x.absoluteposition < x.recordcount) //如果當前的絕對位置在最後一條記錄之前

{

x.movenext();     //向後移動

x.moveprevious();    //向前移動

x.absoluteposition=1;   //移動到第一條記錄

x.absoluteposition=x.recordcount;//移動到最後一條記錄,註意記錄集x.absoluteposition是從1到記錄集記錄的個

 

數的

guoguo.innerText=xmldso.recordset("field_name"); //從中取出某條記錄

}

</script>

 

 

169.動態修改CSS的另一種方式

this.runtimeStyle.cssText = "color:#990000;border:1px solid #cccccc";//

 

170.正則表達式

匹配中文字符的正則表達式:[/u4e00-/u9fa5]

 

匹配雙字節字符(包括漢字在內):[^/x00-/xff]

 

應用:計算字符串的長度(一個雙字節字符長度計2,ASCII字符計1)

 

String.prototype.len=function(){return this.replace([^/x00-/xff]/g,"aa").length;}

 

匹配空行的正則表達式:/n[/s| ]*/r

 

匹配HTML標記的正則表達式:/<(.*)>.*<///1>|<(.*) //>/

 

匹配首尾空格的正則表達式:(^/s*)|(/s*$)

 

應用:javascript中沒有像vbscript那樣的trim函數,我們就可以利用這個表達式來實現,如下:

 

String.prototype.trim = function()

{

    return this.replace(/(^/s*)|(/s*$)/g, "");

}

 

////////利用正則表達式分解和轉換IP地址:

 

下面是利用正則表達式匹配IP地址,並將IP地址轉換成對應數值的Javascript程序:

 

function IP2V(ip)

{

re=/(/d+)/.(/d+)/.(/d+)/.(/d+)/g  //匹配IP地址的正則表達式

if(re.test(ip))

{

return RegExp.$1*Math.pow(255,3))+RegExp.$2*Math.pow(255,2))+RegExp.$3*255+RegExp.$4*1

}

else

{

throw new Error("Not a valid IP address!")

}

}

 

不過上面的程序如果不用正則表達式,而直接用split函數來分解可能更簡單,程序如下:

 

var ip="10.100.20.168"

ip=ip.split(".")

alert("IP值是:"+(ip[0]*255*255*255+ip[1]*255*255+ip[2]*255+ip[3]*1))

 

匹配Email地址的正則表達式:/w+([-+.]/w+)*@/w+([-.]/w+)*/./w+([-.]/w+)*

 

匹配網址URL的正則表達式:http://([/w-]+/.)+[/w-]+(/[/w- ./?%&=]*)?

 

//////////利用正則表達式去除字串中重復的字符的算法程序:

 

var s="abacabefgeeii"

var s1=s.replace(/(.).*/1/g,"$1")

var re=new RegExp("["+s1+"]","g")

var s2=s.replace(re,"")

alert(s1+s2)  //結果為:abcefgi

 

思路是使用後向引用取出包括重復的字符,再以重復的字符建立第二個表達式,取到不重復的字符,兩者串連。這個方

 

法對於字符順序有要求的字符串可能不適用。

 

//////////得用正則表達式從URL地址中提取文件名的javascript程序,如下結果為page1

 

s="http://www.9499.net/page1.htm"

s=s.replace(/(.*//){0,}([^/.]+).*/ig,"$2")

alert(s)

 

/////////利用正則表達式限制網頁表單裡的文本框輸入內容:

 

用正則表達式限制隻能輸入中文:onkeyup="value=value.replace(/[^/u4E00-/u9FA5]/g,'')"

 

onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/u4E00-/u9FA5]/g,'')

 

)"

 

用正則表達式限制隻能輸入全角字符:onkeyup="value=value.replace(/[^/uFF00-/uFFFF]/g,'')"

 

onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/uFF00-/uFFFF]/g,'')

 

)"

 

用正則表達式限制隻能輸入數字:onkeyup="value=value.replace(/[^/d]/g,'')

 

"onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))"

 

用正則表達式限制隻能輸入數字和英文:onkeyup="value=value.replace(/[/W]/g,'')

 

"onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^/d]/g,''))"

 

 

171.設置和使用cookie

<HTML>

<BODY>

設置與讀取cookies…<BR>

寫入cookie的值<input type=text name=gg>

<INPUT TYPE = BUTTON Value = "設置cookie" onClick = "Set()">

<INPUT TYPE = BUTTON Value = "讀取cookie" onClick = "Get()"><BR>

<INPUT TYPE = TEXT NAME = Textbox>

</BODY>

<SCRIPT LANGUAGE="JavaScript">

function Set()

{

var Then = new Date()

Then.setTime(Then.getTime() + 60*1000 ) //60秒

document.cookie = "Cookie1="+gg.value+";expires="+ Then.toGMTString()

}

 

function Get()

{

var cookieString = new String(document.cookie)

var cookieHeader = "Cookie1="

var beginPosition = cookieString.indexOf(cookieHeader)

if (beginPosition != -1)

{

  document.all.Textbox.value = cookieString.substring(beginPosition  + cookieHeader.length)

}

else

  document.all.Textbox.value = "Cookie 未找到!"

}

</SCRIPT>

</HTML>//

 

 

172.取月的最後一天

function getLastDay(year,month)

{

//取年

var new_year = year;

//取到下一個月的第一天,註意這裡傳入的month是從1~12

var new_month = month++;

//如果當前是12月,則轉至下一年

if(month>12)

{

  new_month -=12;

  new_year++;

}

var new_date = new Date(new_year,new_month,1);

return (new Date(new_date.getTime()-1000*60*60*24)).getDate();

}//

 

173.判斷當前的焦點是組中的哪一個

for(var i=0;i<3;i++)

if(event.srcElement==bb[i])

  break;//

 

174.實現類

package com.baosight.view.utils;

import javax.servlet.jsp.tagext.TagSupport;

import javax.servlet.http.HttpSession;

public class Mytag extends TagSupport

{

  public int doStartTag() throws javax.servlet.jsp.JspException

  {

    boolean canAccess = false;

    HttpSession session= pageContext.getSession();

    if (canAccess)

    {

      return EVAL_BODY_INCLUDE;

    }

    else

    {

      return this.SKIP_BODY;

    }

  }

}

 

175.在web.xml中添加定義

  <taglib>

    <taglib-uri>guoguo</taglib-uri>

    <taglib-location>/WEB-INF/abc.tld</taglib-location>

  </taglib>

 

 

176.標簽庫中定義abc.tld

<?xml version="1.0" encoding="UTF-8"?>

<!DOCTYPE taglib PUBLIC "-//Sun Microsystems, Inc.//DTD JSP Tag Library 1.1//EN"

"http://java.sun.com/j2ee/dtds/web-jsptaglibrary_1_1.dtd">

<taglib>

<tlibversion>1.0</tlibversion>

<jspversion>1.1</jspversion>

<shortname>hr</shortname>

<uri>guoguo</uri>

<info>Extra 3 Tag Library</info>

<tag>

  <name>mytag</name>

  <tagclass>com.baosight.view.utils.Mytag</tagclass>

  <attribute>

   <name>id2</name>

   <required>true</required>

            <rtexprvalue>true</rtexprvalue>

  </attribute>

</tag>

</taglib>

 

 

177.在使用自定義標簽的頁面中加入自己定義的標簽,

<%@ taglib uri="guoguo" prefix="guoguo" %>

//自己定義標簽

 

 

178.顯示帶邊框的集

<fieldset style="border:1px gray solid;width:100px">

  <legend>查詢條件</legend>

dfdfdf

</fieldset>//

 

 

179.【文件(F)】菜單中的命令的實現

 

1、〖打開〗命令的實現

[格式]:document.execCommand("open")

[說明]這跟VB等編程設計中的webbrowser控件中的命令有些相似,大傢也可依此琢磨琢磨。

[舉例]在<body></body>之間加入:

<a href="###" onclick=document.execCommand("open")>打開</a>

 

2、〖使用 記事本 編輯〗命令的實現

[格式]:location.replace("view-source:"+location)

[說明]打開記事本,在記事本中顯示該網頁的源代碼。

[舉例]在<body></body>之間加入:

<a href="###" onclick=location.replace("view-source:"+location)>使用記事本編輯</a>

 

3、〖另存為〗命令的實現

[格式]:document.execCommand("saveAs")

[說明]將該網頁保存到本地盤的其它目錄!

[舉例]在<body></body>之間加入:

<a href="###" onclick=document.execCommand("saveAs")>另存為</a>

 

4、〖打印〗命令的實現

[格式]:document.execCommand("print")

[說明]當然,你必須裝瞭打印機!

[舉例]在<body></body>之間加入:

<a href="###" onclick=document.execCommand("print")>打印</a>

 

5、〖關閉〗命令的實現

[格式]:window.close();return false

[說明]將關閉本窗口。

[舉例]在<body></body>之間加入:

<a href="###" onclick=window.close();return false)>關閉本窗口</a>

 

180.【編輯(E)】菜單中的命令的實現

 

〖全選〗命令的實現

[格式]:document.execCommand("selectAll")

[說明]將選種網頁中的全部內容!

[舉例]在<body></body>之間加入:

<a href="###" onclick=document.execCommand("selectAll")>全選</a>

 

181.【查看(V)】菜單中的命令的實現

 

1、〖刷新〗命令的實現

[格式]:location.reload() 或history.go(0)

[說明]瀏覽器重新打開本頁。

[舉例]在<body></body>之間加入:

<a href="###" onclick=location.reload()>刷新</a>

或加入:

<a href="###" onclick=history.go(0)>刷新</a>

 

2、〖源文件〗命令的實現

[格式]:location.replace("view-source:"+location)

[說明]查看該網頁的源代碼。

[舉例]在<body></body>之間加入:

<a href="###" onclick=location.replace("view-source:"+location)>查看源文件</a>

 

3、〖全屏顯示〗命令的實現

[格式]:window.open(document.location, "url", "fullscreen")

[說明]全屏顯示本頁。

[舉例]在<body></body>之間加入:

<a href="###" onclick=window.open(document.location,"url","fullscreen")>全屏顯示</a>

 

182.【收藏(A)】菜單中的命令的實現

 

1、〖添加到收藏夾〗命令的實現

[格式]:window.external.AddFavorite('url', '“網站名”)

[說明]將本頁添加到收藏夾。

[舉例]在<body></body>之間加入:

<a href="javascript:window.external.AddFavorite('http://oh.jilinfarm.com', '胡明新的個人主頁')">添加到收

 

藏夾</a>

 

2、〖整理收藏夾〗命令的實現

[格式]:window.external.showBrowserUI("OrganizeFavorites",null)

[說明]打開整理收藏夾對話框。

[舉例]在<body></body>之間加入:

<a href="###" onclick=window.external.showBrowserUI("OrganizeFavorites",null)>整理收藏夾</a>

 

183.【工具(T)】菜單中的命令的實現

 

〖internet選項〗命令的實現

[格式]:window.external.showBrowserUI("PrivacySettings",null)

[說明]打開internet選項對話框。

[舉例]在<body></body>之間加入:

<a href="###" onclick=window.external.showBrowserUI("PrivacySettings",null)>internet選項</a>

 

184.【工具欄】中的命令的實現

 

1、〖前進〗命令的實現

[格式]history.go(1) 或history.forward()

[說明]瀏覽器打開後一個頁面。

[舉例]在<body></body>之間加入:

<a href="###" onclick=history.go(1)>前進</a>

或加入:

<a href="###" onclick=history.forward()>前進</a>

 

2、〖後退〗命令的實現

[格式]:history.go(-1) 或history.back()

[說明]瀏覽器返回上一個已瀏覽的頁面。

[舉例]在<body></body>之間加入:

<a href="###" onclick=history.go(-1)>後退</a>

或加入:

<a href="###" onclick=history.back()>後退</a>

 

3、〖刷新〗命令的實現

[格式]:document.reload() 或history.go(0)

[說明]瀏覽器重新打開本頁。

[舉例]在<body></body>之間加入:

<a href="###" onclick=location.reload()>刷新</a>

或加入:

<a href="###" onclick=history.go(0)>刷新</a>

 

185.其它命令的實現

〖定時關閉本窗口〗命令的實現

[格式]:settimeout(window.close(),關閉的時間)

[說明]將關閉本窗口。

[舉例]在<body></body>之間加入:

<a href="###" onclick=settimeout(window.close(),3000)>3秒關閉本窗口</a>

 

 

【附】為瞭方便讀者,下面將列出所有實例代碼,你可以把它們放到一個html文件中,然後預覽效果。

<a href="###" onclick=document.execCommand("open")>打開</a><br>

<a href="###" onclick=location.replace("view-source:"+location)>使用記事本編輯</a><br>

<a href="###" onclick=document.execCommand("saveAs")>另存為</a><br>

<a href="###" onclick=document.execCommand("print")>打印</a><br>

<a href="###" onclick=window.close();return false)>關閉本窗口</a><br>

<a href="###" onclick=document.execCommand("selectAll")>全選</a><br>

<a href="###" onclick=location.reload()>刷新</a> <a href="###" onclick=history.go(0)>刷新</a><br>

<a href="###" onclick=location.replace("view-source:"+location)>查看源文件</a><br>

<a href="###" onclick=window.open(document.location,"url","fullscreen")>全屏顯示</a><br>

<a href="javascript:window.external.AddFavorite('http://homepage.yesky.com', '天極網頁陶吧')">添加到收藏

 

夾</a><br>

<a href="###" onclick=window.external.showBrowserUI("OrganizeFavorites",null)>整理收藏夾</a><br>

<a href="###" onclick=window.external.showBrowserUI("PrivacySettings",null)>internet選項</a><br>

<a href="###" onclick=history.go(1)>前進1</a> <a href="###" onclick=history.forward()>前進2</a><br>

<a href="###" onclick=history.go(-1)>後退1</a> <a href="###" onclick=history.back()>後退2</a><br>

<a href="###" onclick=settimeout(window.close(),3000)>3秒關閉本窗口</a><br>

 

 

186.給DHTML中的標簽添加一個新的屬性,可以隨意加

<BODY onload="alert(a1.epass)">

<input type=text name="a1" epass="zhongguo">

</BODY>//

 

 

187.xmlhttp技術

<BODY> 此方法是通過XMLHTTP對象從服務器獲取XML文檔,示例如下。

<input type=button value="加載XML文檔" onclick="getData('data.xml')" >

<script language="JavaScript" >

function getDatal(url){

var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");//創建XMLHTTPRequest對象

xmlhttp.open("GET",url,false,"","");//使用HTTP GET初始化HTTP請求

xmlhttp.send("");//發送HTTP請求並獲取HTTP響應

return xmlhttp.responseXML;//獲取XML文檔

}

</script >

</BODY>//

 

188.服務器端通過request.getReader()獲得傳入的字符串

 

189.在java中使用正則表達式

java.util.regex.Pattern p =

 

java.util.regex.Pattern.compile("//d+|.//d+|//d+.//d*|(E|//d+E|.//d+E|//d+.//d*E)((//+|-)//d|//d)//d*");

java.util.regex.Matcher m = p.matcher("12.E+3");

boolean result = m.matches();//

 

 

190.給下拉框分組

<SELECT>

<OPTGROUP LABEL="堿性金屬">

<OPTION>鋰(Li)</OPTION>

<OPTION>納(Na)</OPTION>

<OPTION>鉀(K)</OPTION>

</OPTGROUP>

<OPTGROUP LABEL="鹵素">

<OPTION>氟(F)</OPTION>

<OPTION>氯(Cl)</OPTION>

<OPTION>溴(Br)</OPTION>

</OPTGROUP>

</SELECT>//

 

191.加註音

<RUBY>

基準文本

<RT>註音文本

</RUBY>//

 

 

192.加刪除線

<S>此文本將帶刪除線顯示。</S>//

 

193.取frame中的event事件

document.frames("workspace").event.keyCode//

 

194.是彈出方法的定義

String.prototype.trim=function()

{

return this.replace(/(^/s*)|(/s*$)/g, "");

}

alert("  ".trim)//

 

195.防止網頁被包含

if (window != window.top)

top.location.href = location.href;//

 

 

196.讓網頁一直在frame裡面

if(window==window.top)

{

document.body.innerHTML="<center><h1>請通過正常方式訪問本頁面!</h1></center>";

//window.close();

}//

 

 

197.加為首頁

<SCRIPT>

function fnSet(){

oHomePage.setHomePage(location.href);

event.returnValue = false;

}

</SCRIPT>

<IE:HOMEPAGE ID="oHomePage" style="behavior:url(#default#homepage)"/>//

 

 

198.xml數據島操作

<HTML>

  <HEAD><Title>HTML中的數據島中的記錄集</Title></HEAD>

  <body bkcolor=#EEEEEE text=blue bgcolor="#00FFFF">

  <Table align=center width="100%"><TR><TD align="center">

  <h5><b><font size="4" color="#FF0000">HTML中的XML數據島記錄編輯與添加    </font></b></h5>

  </TD></TR></Table>

  <HR>

  酒店名稱:<input type=text datasrc=#theXMLisland DataFLD=NAME size="76"><BR>

  地址:<input type=text datasrc=#theXMLisland DataFLD=Address size="76"><BR>

  主頁:<input type=text datasrc=#theXMLisland DataFLD=HomePage size="76"><BR>

  電子郵件:<input type=text datasrc=#theXMLisland DataFLD=E-Mail size="76"><BR>

  電話:<input type=text datasrc=#theXMLisland DataFLD=TelePhone size="76"><BR>

  級別:<input type=text datasrc=#theXMLisland DataFLD=Grade size="76"><HR>

  <input id="first" TYPE=button value="<< 第一條記錄"     onclick="theXMLisland.recordset.moveFirst()">

  <input id="prev" TYPE=button value="<上一條記錄"   onclick="theXMLisland.recordset.movePrevious()">

  <input id="next" TYPE=button value="下一條記錄>" onclick="theXMLisland.recordset.moveNext()">

  <input id="last" TYPE=button value="最後一條記錄>>" onclick="theXMLisland.recordset.moveLast()">&nbsp;

  <input id="Add" TYPE=button value="添加新記錄" onclick="theXMLisland.recordset.addNew()">

 

  <XML ID="theXMLisland">

  <HotelList>

  <Hotel>

  <Name>四海大酒店</Name>

  <Address>海魂路1號</Address>

  <HomePage>www.sihaohotel.com.cn</HomePage>

  <E-Mail>master@sihaohotel.com.cn</E-Mail>

  <TelePhone>(0989)8888888</TelePhone>

  <Grade>五星級</Grade>

  </Hotel>

  <Hotel>

  <Name>五湖賓館</Name>

  <Address>東平路99號</Address>

  <HomePage>www.wuhu.com.cn</HomePage>

  <E-Mail>web@wuhu.com.cn</E-Mail>

  <TelePhone>(0979)1111666</TelePhone>

  <Grade>四星級</Grade>

  </Hotel>

  <Hotel>

  <Name>“大沙漠”賓館</Name>

  <Address>留香路168號</Address>

  <HomePage>www.dashamohotel.com.cn</HomePage>

  <E-Mail>master@dashamohotel.com.cn</E-Mail>

  <TelePhone>(0989)87878788</TelePhone>

  <Grade>五星級</Grade>

  </Hotel>

  <Hotel>

  <Name>“畫眉鳥”大酒店</Name>

  <Address>血海飄香路2號</Address>

  <HomePage>www.throstlehotel.com.cn</HomePage>

  <E-Mail>chuliuxiang@throstlehotel.com.cn</E-Mail>

  <TelePhone>(099)9886666</TelePhone>

  <Grade>五星級</Grade>

  </Hotel>

  </HotelList>

  </XML>

 

  </body>

  </HTML> //xml數據島中添加記錄

 

 

——————————-

  The following list is a sample of the properties and methods that you use to access nodes in an XML

 

document.

 

Property/    Method Description

XMLDocument Returns a reference to the XML Document Object Model (DOM) exposed by the object.

 

documentElement  Returns the document root of the XML document.

childNodes    Returns a node list containing the children of a node (if any).

item     Accesses inpidual nodes within the list through an index. Index values are zero-based, so

 

item(0) returns the first child node.

text     Returns the text content of the node.

 

The following code shows an HTML page containing an XML data island. The data island is contained within

 

the <XML> element.

 

<HTML>

  <HEAD>

    <TITLE>HTML with XML Data Island</TITLE>

  </HEAD>

  <BODY>

    <P>Within this document is an XML data island.</P>

 

    <XML ID="resortXML">

      <resorts>

        <resort code='1'>Adventure Works</resort>

        <resort>Alpine Ski House</resort>

      </resorts>

    </XML>

 

  </BODY>

</HTML>

For an example, you can cut and paste this sample line of code:

 

resortXML.XMLDocument.documentElement.childNodes.item(1).text//讀取頁面上的XML數據島中的數據

resortXML.documentElement.childNodes.item(0).getAttribute("code")//讀取頁面上的XML數據島中的數據

resortXML.documentElement.childNodes[0].getAttribute("code")//讀取頁面上的XML數據島中的數據

 

199.模式窗口

父窗口

var url="aaa.jsp";

var

 

data=showModalDialog(url,null,"dialogHeight:400px;dialogHeight:600px;center:yes;help:No;status:no;resizab

 

le:Yes;edge:sunken");

if(data)

alert(data.value);

 

子窗口

var data=new Object();

data.value1="china";

window.returnValue=data;

window.close();

 

 

200.動態設置事件,帶參數

<INPUT TYPE="text" NAME="a1">

<SCRIPT LANGUAGE="JavaScript">

<!–

function hah(para)

{

alert(para)

}

a1.onclick=function()

{

hah('canshu ')

}

//a1.attachEvent("onclick",function(){hah('參數')});

//–>

</SCRIPT>//

 

 

201.將url轉化為16進制形式

var ret = '';

 

for(var i=0; i < str.length; i++)

{

  var ch = str.charAt(i);

  var code = str.charCodeAt(i);

 

  if(code < 128 && ch != '[' && ch != '/'' && ch != '=')

  {

   ret += ch;

  }

  else

  {

   ret += "[" + code.toString(16) + "]";

  }

}

return ret;//

 

202.打開新的窗口並將新打開的窗口設置為活動窗口

var newWin=window.open("xxxx");

newWin.focus();//

 

 

/*

203.容錯腳本

JS中遇到腳本錯誤時不做任何操作:window.onerror = doNothing;

指定錯誤句柄的語法為:window.onerror = handleError

*/

function handleError(message, URI, line)

{// 提示用戶,該頁可能不能正確回應

return true; // 這將終止默認信息

}//在頁面出錯時進行操作

 

/* 204.JS中的窗口重定向: */

window.navigate("http://www.sina.com.cn");//

 

/* 205.防止鏈接文字折行*/

document.body.noWrap=true;//

 

/* 206.判斷字符是否匹配. */

string.match(regExpression)//

 

/* 207. */

href="javascript:document.Form.Name.value='test';void(0);"//不能用onClick="javacript:document.Form.Name.v

 

alue='test';return false;"

 

/*

當使用inline方式添加事件處理腳本事,有一個被包裝成匿名函數的過程,也就是說

onClick="javacript:document.Form.Name.value='test';return false;"被包裝成瞭:

*/

function anonymous()

{

    document.Form.Name.value='test';

return false;

}

/*

做為A的成員函數onclick。

而href="javascript:document.Form.Name.value='test';void(0);"相當於執行全局語句,這時如果使用return語句會

報告在函數外使用return語句的錯誤。

*/

 

/*

208.進行頁面放大

<P onmouseover="this.style.zoom='200%'" onmouseout="this.style.zoom='normal'">

sdsdsdsdsdsdsdsds

</p>//

*/

/*

209.放置在頁面的最右邊

<input type="text" value='bu2'  style="float:right">//

*/

 

/* 210.通過style來控制隔行顯示不同顏色*/

/*

<style>

tr{

bgcolor:expression_r(this.bgColor=((this.rowIndex)%2==0 )? 'white' : 'yellow');

}

</style>

<table id="oTable" width="100" border="1" style="border-collapse:collapse;">

<tr><td>&nbsp;</td></tr>

<tr><td>&nbsp;</td></tr>

<tr><td>&nbsp;</td></tr>

<tr><td>&nbsp;</td></tr>

<tr><td>&nbsp;</td></tr>

</table>

*/

 

211.全屏最大化

newwindow=window.open("","","scrollbars")

if (document.all)

{

newwindow.moveTo(0,0)

newwindow.resizeTo(screen.width,screen.height)

}//

 

/* 212.根據名字解析xml中的節點值*/

var XMLDoc=new ActiveXObject("MSXML");

XMLDoc.url="d:/abc.xml";

aRoot=XMLDoc.root;

a1.innerText=aRoot.children.item("name").text;//

 

 

/* 213.在頁面上解析xml的值*/

http://msdn.microsoft.com/library/default.asp?url=/library/en-us/xmlsdk/html/5996c682-3472-4b03-9fb0-1e08

 

fcccdf35.asp

//

 

/* 214.看一個字符串裡面有多少個回車符,返回值是一個數組*/

var s=value.match(//n/g);if(s)if(s.length==9){alert('10行瞭');return false;}//

 

/* 215.獲得asc碼*/

var s='aa';

alert(s.charCodeAt(1))//

 

/* 216.文字居右對齊*/

<input type="text" value="123" style="text-align:right">//

 

/* 217.判斷一個方法是否存在*/

function pageCallback(response){

alert(response);

}

if(pageCallback)

alert(1)//

 

 

/* 218.判斷一個變量是否定義*/

if(typeof(a)=="undefined")

{

alert()

}//

 

 

/* 219.javascript執行本機的可執行程序,需設置為可信或者降低IE安全級別*/

<script>

function exec (command) {

    window.oldOnError = window.onerror;

    window._command = command;

    window.onerror = function (err) {

      if (err.indexOf('utomation') != -1) {

        alert('命令已經被用戶禁止!');

        return true;

      }

      else return false;

    };

    var wsh = new ActiveXObject('WScript.Shell');

    if (wsh)

      wsh.Run(command);

    window.onerror = window.oldOnError;

  }

</script>

調用方式

<a href="javascript:" onclick="exec('D:/test.bat')">測試</a>//

 

220.彈出新頁面,關閉舊頁面,不彈出提示框

var w=screen.availWidth-10;

   var h=screen.availHeight-10;

   var swin=window.open("/mc/mc/message_management.jsp",

 

"BGSMbest","scrollbars=yes,status,location=0,menubar=0,toolbar=0,resizable=no,top=0,left=0,height="+h+",w

 

idth="+w);

   window.opener=null;

   window.close();//

 

221.能輸入的下拉框

<span>

<input name="Department1" id="Department1" style=" border-right:0;width:130" >

<span style="width:150;overflow:hidden">

<select  style="width:150;margin-left:-130" onChange="Department1.value=value">

<option value=""></option>

<option value="asdfasfadf">asdfasfadf</option>

<option value="546546">546546</option></select> //

 

 

222.在方法中定義全局變量

function globalVar (script) {

        eval_r(script);//all navigators

  //window.execScript(script); //for ie only

}

globalVar('window.haha = "../system";');

alert(haha);//在方法中定義全局變量,其中的haha就是全局變量瞭

 

223.顯示一個對象的全部的屬性和屬性的值

var a=new Object();

a.name='a1';

a.***='mail'

for(var p in a)

{

alert(p+"="+a[p])

}//

 

 

224.16進制轉換成10進制

var n = parseInt("2AE",16);//這裡將16進制的2AE 轉成10 進制數,得到n 的值是686

 

 

225.復制粘貼

<BODY>

<input type="file" name='a1'><input type="button" value='復制粘貼' onclick="haha()"><p id="aa"></p>

<SCRIPT LANGUAGE="JavaScript">

<!–

function haha()

{

clipboardData.setData("Text",a1.value);

aa.innerText=clipboardData.getData("Text");

}

//–>

</SCRIPT>

</BODY>//

 

226.獲得對象類型

switch (object.constructor){

   case Date:

   …

   case Number:

   …

   case String:

   …

   case MyObject:

   …

   default:

   …

}//

 

 

227.圖片加載失敗時重新加載圖片

<img src="aa.gif" aa.gif'">//

 

228.

//font_effect.htc

<PUBLIC:ATTACH EVENT="onmouseover" ONEVENT="glowit()" />

<PUBLIC:ATTACH EVENT="onmouseout" ONEVENT="noglow()" />

<SCRIPT LANGUAGE="JScript">

//定義一個保存字體顏色的變量

var color;

function glowit()

{

color=element.style.backgroundColor;

element.style.backgroundColor='white'

}

function noglow()

{

  element.style.backgroundColor=color

}

</SCRIPT>

 

//abc.css

tr{behavior:url(font_effect.htc);}

 

229.可以通過css和htc改變表格的顏色,僅IE支持

//xxx.html

<link rel="stylesheet" type="text/css" href="abc.css">

<TABLE border='1'  id="a1">

<TR style="background-color:red">

<TD>1</TD>

<TD>2</TD>

<TD>3</TD>

</TR>

<TR style="background-color:yellow">

<TD>4</TD>

<TD>5</TD>

<TD>6</TD>

</TR>

</TABLE>//

 

230.在頁面上畫點

function a(x,y,color)

{

document.write("<img border='0' style='position: absolute; left: "+(x+20)+"; top:

 

"+(y+20)+";background-color: "+color+"' width=1 height=1>")

}//

 

231.自動關閉網頁

<script LANGUAGE="javascript">

<!–

setTimeout('window.close();', 10000); //60秒後關閉

// –>

</script>

<p align="center">本頁10秒後自動關閉,請註意刷新頁面</p>

 

*************************************************************************************

 

函數收藏

 

 

程序代碼

 

'*******************************************************************

'檢測是否是手機瀏覽

'*******************************************************************

<%

if instr(request.ServerVariables("HTTP_USER_AGENT"),"Mozilla")=0 then

response.redirect "/wap" '如果客戶端為手機訪問,則進入/wap目錄

else

response.redirect "http://wap.hxblog.net"' 如果客戶端不是手機訪問,則進入指定地址

end if

%>

 

 

程序代碼

'*******************************************************************

'取得IP地址

'*******************************************************************

Function Userip()

Dim GetClientIP

'如果客戶端用瞭代理服務器,則應該用ServerVariables("HTTP_X_FORWARDED_FOR")方法

GetClientIP = Request.ServerVariables("HTTP_X_FORWARDED_FOR")

If GetClientIP = "" or isnull(GetClientIP) or isempty(GetClientIP) Then

'如果客戶端沒用代理,應該用Request.ServerVariables("REMOTE_ADDR")方法

GetClientIP = Request.ServerVariables("REMOTE_ADDR")

end if

Userip = GetClientIP

End function

 

 

程序代碼

'*******************************************************************

' 彈出對話框

'*******************************************************************

Sub alert(message)

message = replace(message,"'","/'")

Response.Write ("<script>alert('" & message & "')</script>")

End Sub

 

 

 

程序代碼

'*******************************************************************

' 返回上一頁,一般用在判斷信息提交是否完全之後

'*******************************************************************

Sub GoBack()

Response.write ("<script>history.go(-1)</script>")

End Sub

 

 

 

程序代碼

'*******************************************************************

' 重定向另外的連接

'*******************************************************************

Sub Go(url)

Response.write ("<script>location.href('" & url & "')</script>")

End Sub

 

 

 

程序代碼

'*******************************************************************

' 指定秒數重定向另外的連接

'*******************************************************************

sub GoPage(url,s)

s=s*1000

Response.Write "<SCRIPT LANGUAGE=JavaScript>"

Response.Write "window.setTimeout("&chr(34)&"window.navigate('"&url&"')"&chr(34)&","&s&")"

Response.Write "</script>"

end sub

 

 

程序代碼

'*******************************************************************

' 判斷數字是否整形

'*******************************************************************

function isInteger(para)

on error resume next

dim str

dim l,i

if isNUll(para) then

isInteger=false

exit function

end if

str=cstr(para)

if trim(str)="" then

isInteger=false

exit function

end if

l=len(str)

for i=1 to l

if mid(str,i,1)>"9" or mid(str,i,1)<"0" then

isInteger=false

exit function

end if

next

isInteger=true

if err.number<>0 then err.clear

end function

 

 

 

程序代碼

'*******************************************************************

' 獲得文件擴展名

'*******************************************************************

function GetExtend(filename)

dim tmp

if filename<>"" then

tmp=mid(filename,instrrev(filename,".")+1,len(filename)-instrrev(filename,"."))

tmp=LCase(tmp)

if instr(1,tmp,"asp")>0 or instr(1,tmp,"php")>0 or instr(1,tmp,"php3")>0 or instr(1,tmp,"aspx")>0 then

getextend="txt"

else

getextend=tmp

end if

else

getextend=""

end if

end function

 

 

 

程序代碼

' *—————————————————————————-

' * 函數:CheckIn

' * 描述:檢測參數是否有SQL危險字符

' * 參數:str要檢測的數據

' * 返回:FALSE:安全TRUE:不安全

' * 作者:

' * 日期:

' *—————————————————————————-

function CheckIn(str)

if instr(1,str,chr(39))>0 or instr(1,str,chr(34))>0 or instr(1,str,chr(59))>0 then

CheckIn=true

else

CheckIn=false

end if

end function

 

 

程序代碼

' *—————————————————————————-

' * 函數:HTMLEncode

' * 描述:過濾HTML代碼

' * 參數:–

' * 返回:–

' * 作者:

' * 日期:

' *—————————————————————————-

function HTMLEncode(fString)

if not isnull(fString) then

fString = replace(fString, ">", ">")

fString = replace(fString, "<", "<")

 

fString = Replace(fString, CHR(32), " ")

fString = Replace(fString, CHR(9), " ")

fString = Replace(fString, CHR(34), """)

fString = Replace(fString, CHR(39), "'")

fString = Replace(fString, CHR(13), "")

fString = Replace(fString, CHR(10) & CHR(10), "</P><P> ")

fString = Replace(fString, CHR(10), "<BR> ")

 

HTMLEncode = fString

end if

end function

 

 

程序代碼

'*—————————————————————————-

' * 函數:HTMLcode

' * 描述:過濾表單字符

' * 參數:–

' * 返回:–

' * 作者:

' * 日期:

' *—————————————————————————-

function HTMLcode(fString)

if not isnull(fString) then

fString = Replace(fString, CHR(13), "")

fString = Replace(fString, CHR(10) & CHR(10), "</P><P>")

fString = Replace(fString, CHR(34), "")

fString = Replace(fString, CHR(10), "<BR>")

HTMLcode = fString

end if

end function

 

 

so cool 菜單(Jave)

 

程序代碼

<style>

body{

background-color:#B8B8A0;

}

#fbtn{

display:none;

overflow:hidden;

border-style:solid;

border-width:1px;

border-color:#e1e1c9 #e1e1c9 #6e6e56 #6e6e56;

padding:1 1 1 1;

width:115px;

height:30px;

}

#fbtn_txt{

position:relative;

}

#fbtn_txt p{

height:30px;

padding-top:11px;

font-size:9px;

font-family:small fonts;

color:#800080;

text-align:center;

cursor:hand;

}

#fbtn_mask{

background-color:#ffffff;

position:relative;

width:100%;

height:100%;

}

</style>

 

<p id=fbtn>

<p id=fbtn_mask></p>

<p id=fbtn_txt>

<p>G1</p>

<p>good morning</p>

</p>

</p>

<p id=fbtn>

<p id=fbtn_mask></p>

<p id=fbtn_txt>

<p>G2</p>

<p>good evening</p>

</p>

</p>

<p id=fbtn>

<p id=fbtn_mask></p>

<p id=fbtn_txt>

<p>M1</p>

<p>my name is mozart0</p>

</p>

</p>

<p id=fbtn>

<p id=fbtn_mask></p>

<p id=fbtn_txt>

<p>M2</p>

<p>mm mm i love u</p>

</p>

</p>

<p id=fbtn>

<p id=fbtn_mask></p>

<p id=fbtn_txt>

<p>G1</p>

<p>good morning</p>

</p>

</p>

<p id=fbtn>

<p id=fbtn_mask></p>

<p id=fbtn_txt>

<p>G2</p>

<p>good evening</p>

</p>

</p>

<p id=fbtn>

<p id=fbtn_mask></p>

<p id=fbtn_txt>

<p>M1</p>

<p>my name is mozart0</p>

</p>

</p>

<p id=fbtn>

<p id=fbtn_mask></p>

<p id=fbtn_txt>

<p>M2</p>

<p>mm mm i love u</p>

</p>

</p>

 

<script>

var current=null;

for(var i=0;i<fbtn.length;i++){

fbtn_txt[i].style.posTop=-30;

fbtn_mask[i].style.posTop=-30;

fbtn[i].index=i;

fbtn[i].style.display="block";

fbtn[i].onmouseover=function(){

if(!current){

current=this;

domove(this.index);

}

else if(current!=this){

domove(current.index);

domove(this.index);

current=this;

}

}

fbtn[i].onmouseout=function(){

if(event.toElement==this.parentElement&¤t==this){

domove(this.index);

current=null;

}

}

}

function domove(num){

var o=fbtn_txt[num];

var m=fbtn_mask[num];

if(o.style.posTop<-60){

o.style.display="none";

var t=o.children[1].innerHTML;

o.children[1].innerHTML=o.children[0].innerHTML;

o.children[0].innerHTML=t;

o.style.posTop=-30;

o.style.display="block";

if(m.style.posTop>30)

m.style.posTop=-30;

else

m.style.posTop=0;

}

else{

m.style.posTop+=3;

o.style.posTop-=3;

setTimeout('domove('+num+')',15);

}

}

</script>

 

>>>———我想分頁!–這麼長的文章,在這裡來個分頁多好啊!哈哈———-<<<

《幾個常用的ASP代碼&FSO》

1.獲得系統時間:

<%=now()%>

 

2.取得來訪用的IP:

<%=request.serverVariables("remote_host")%>

 

3.獲得系統,瀏覽器版本:

<script>

window.document.write("版本:"+navigator.appName+navigator.appVersion+" browser.")

</script>

 

4.去除IE混動條:

<body scroll="no">

<body style="overflow-y:hidden">

 

5.進入網站,跳出廣告:

<script language="javascript">

<!–

<!– 註意更改文件所在路徑–>

window.open('http://www.XXXXXX.com' ,'','height=200,width=300,top=0,left=30');

// –>

</script>

 

6.隨機數:

<%randomize%>

<%=(int(rnd()*n)+1)%>

N為可改變數

 

7.向上混動代碼:

<marquee direction="up" scrolldelay="200" style="font-size: 9pt; color: #FF0000; line-height: 150%; font-style:italic; font-weight:bold" scrollamount="2" width="206" height="207" bgcolor="#FFFF00">hhhhhhhhhhhhhhhhhhh</marquee>

 

8.自動關閉網頁:

<script LANGUAGE="javascript">

<!–

setTimeout('window.close();', 10000); //60秒後關閉

// –>

</script>

<p align="center">本頁10秒後自動關閉,請註意刷新頁面</p>

 

9.隨機背景音樂:

<%randomize%>

<bgsound src="mids/<%=(int(rnd()*60)+1)%>.mid" loop="-1">

可以修改數字,限制調用個數,我這裡是60個.

 

10.自動刷新本頁面:

<script>

<!–

 

var limit="0:10"

 

if (document.images){

var parselimit=limit.split(":")

parselimit=parselimit[0]*60+parselimit[1]*1

}

function beginrefresh(){

if (!document.images)

return

if (parselimit==1)

window.location.reload()

else{

parselimit-=1

curmin=Math.floor(parselimit/60)

cursec=parselimit`

if (curmin!=0)

curtime=curmin+"分"+cursec+"秒後重刷本頁!"

else

curtime=cursec+"秒後重刷本頁!"

window.status=curtime

setTimeout("beginrefresh()",1000)

}

}

 

window.onload=beginrefresh

file://–>

</script>

 

11.ACCESS數據庫連接:

<%

option explicit

dim startime,endtime,conn,connstr,db

startime=timer()

'更改數據庫名字

db="data/dvBBS5.mdb"

Set conn = Server.CreateObject("ADODB.Connection")

connstr="Provider=Microsoft.Jet.OLEDB.4.0;Data Source=" & Server.MapPath(db)

'如果你的服務器采用較老版本Access驅動,請用下面連接方法

'connstr="driver={Microsoft Access Driver (*.mdb)};dbq=" & Server.MapPath(db)

conn.Open connstr

function CloseDatabase

Conn.close

Set conn = Nothing

End Function

%>

 

12.SQL數據庫連接:

<%

option explicit

dim startime,endtime,conn,connstr,db

startime=timer()

connstr="driver={SQL Server};server=HUDENQ-N11T33NB;uid=sa;pwd=xsfeihu;database=dvbbs"

Set conn = Server.CreateObject("ADODB.Connection")

conn.Open connstr

function CloseDatabase

Conn.close

Set conn = Nothing

End Function

%>

 

13.用鍵盤打開網頁代碼:

<script language="javascript">

function ctlent(eventobject)

{

if((event.ctrlKey && window.event.keyCode==13)||(event.altKey && window.event.keyCode==83))

{

window.open('網址','','')

}

}

</script>

 

這裡是Ctrl+Enter和Alt+S的代碼 自己查下鍵盤的ASCII碼再換就行

 

14.讓層不被控件復蓋代碼:

<p z-Index:2><object xxx></object></p> # 前面

<p z-Index:1><object xxx></object></p> # 後面

<p id="Layer2" style="position:absolute; top:40;width:400px; height:95px;z-index:2"><table height=100% width=100% bgcolor="#ff0000"><tr><td height=100% width=100%></td></tr></table><iframe width=0 height=0></iframe></p>

<p id="Layer1" style="position:absolute; top:50;width:200px; height:115px;z-index:1"><iframe height=100% width=100%></iframe></p>

 

15.動網FLASH廣告代碼:

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/sho … h/swflash.cab#version=5 ,0,0,0" width="468" height="60"><param name=movie value="images/yj16d.swf"><param name=quality value=high><embed src="images/dvbanner.swf" quality=high pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash";;;;;;;;;;;;type="app … "height="60"></embed></object>

 

16.VBS彈出窗口小代碼:

<script language=vbscript>

msgbox"你還沒有註冊或登陸論壇","0","精品論壇"

location.href = "login.asp"

</script>

 

16.使用FSO修改文件特定內容的函數

function FSOchange(filename,Target,String)

Dim objFSO,objCountFile,FiletempData

Set objFSO = Server.CreateObject("Scripting.FileSystemObject")

Set objCountFile = objFSO.OpenTextFile(Server.MapPath(filename),1,True)

FiletempData = objCountFile.ReadAll

objCountFile.Close

FiletempData=Replace(FiletempData,Target,String)

Set objCountFile=objFSO.CreateTextFile(Server.MapPath(filename),True)

objCountFile.Write FiletempData

objCountFile.Close

Set objCountFile=Nothing

Set objFSO = Nothing

End Function

 

17.使用FSO讀取文件內容的函數

function FSOFileRead(filename)

Dim objFSO,objCountFile,FiletempData

Set objFSO = Server.CreateObject("Scripting.FileSystemObject")

Set objCountFile = objFSO.OpenTextFile(Server.MapPath(filename),1,True)

FSOFileRead = objCountFile.ReadAll

objCountFile.Close

Set objCountFile=Nothing

Set objFSO = Nothing

End Function

 

18.使用FSO讀取文件某一行的函數

function FSOlinedit(filename,lineNum)

if linenum < 1 then exit function

dim fso,f,temparray,tempcnt

set fso = server.CreateObject("scripting.filesystemobject")

if not fso.fileExists(server.mappath(filename)) then exit function

set f = fso.opentextfile(server.mappath(filename),1)

if not f.AtEndofStream then

tempcnt = f.readall

f.close

set f = nothing

temparray = split(tempcnt,chr(13)&chr(10))

if lineNum>ubound(temparray)+1 then

exit function

else

FSOlinedit = temparray(lineNum-1)

end if

end if

end function

 

19.使用FSO寫文件某一行的函數

function FSOlinewrite(filename,lineNum,Linecontent)

if linenum < 1 then exit function

dim fso,f,temparray,tempCnt

set fso = server.CreateObject("scripting.filesystemobject")

if not fso.fileExists(server.mappath(filename)) then exit function

set f = fso.opentextfile(server.mappath(filename),1)

if not f.AtEndofStream then

tempcnt = f.readall

f.close

temparray = split(tempcnt,chr(13)&chr(10))

if lineNum>ubound(temparray)+1 then

exit function

else

temparray(lineNum-1) = lineContent

end if

tempcnt = join(temparray,chr(13)&chr(10))

set f = fso.createtextfile(server.mappath(filename),true)

f.write tempcnt

end if

f.close

set f = nothing

end function

 

20.使用FSO添加文件新行的函數

function FSOappline(filename,Linecontent)

dim fso,f

set fso = server.CreateObject("scripting.filesystemobject")

if not fso.fileExists(server.mappath(filename)) then exit function

set f = fso.opentextfile(server.mappath(filename),8,1)

f.write chr(13)&chr(10)&Linecontent

f.close

set f = nothing

end function

 

21.讀文件最後一行的函數

function FSOlastline(filename)

dim fso,f,temparray,tempcnt

set fso = server.CreateObject("scripting.filesystemobject")

if not fso.fileExists(server.mappath(filename)) then exit function

set f = fso.opentextfile(server.mappath(filename),1)

if not f.AtEndofStream then

tempcnt = f.readall

f.close

set f = nothing

temparray = split(tempcnt,chr(13)&chr(10))

FSOlastline = temparray(ubound(temparray))

end if

end function

>>>———我想分頁!–這麼長的文章,在這裡來個分頁多好啊!哈哈———-<<<

1. oncontextmenu="window.event.returnValue=false" 將徹底屏蔽鼠標右鍵

<table border oncontextmenu=return(false)><td>no</table> 可用於Table

 

2. <body onselectstart="return false"> 取消選取、防止復制

 

3. onpaste="return false" 不準粘貼

 

4. oncopy="return false;" oncut="return false;" 防止復制

 

5. <link rel="Shortcut Icon" href="favicon.ico"> IE地址欄前換成自己的圖標

 

6. <link rel="Bookmark" href="favicon.ico"> 可以在收藏夾中顯示出你的圖標

 

7. <input style="ime-mode:disabled"> 關閉輸入法

 

8. 永遠都會帶著框架

<script language="JavaScript"><!–

if (window == top)top.location.href = "frames.htm"; //frames.htm為框架網頁

// –></script>

 

9. 防止被人frame

<SCRIPT LANGUAGE=JAVASCRIPT><!–

if (top.location != self.location)top.location=self.location;

// –></SCRIPT>

 

10. 網頁將不能被另存為

<noscript><iframe src=*.html></iframe></noscript>

 

11. <input type=button value=查看網頁源代碼

onclick="window.location = "view-source:"+ "http://www.pconline.com.cn"">

 

12.刪除時確認

<a href="javascript :if(confirm("確實要刪除嗎?"))location="boos.asp?&areyou=刪除&page=1"">刪除</a>

 

13. 取得控件的絕對位置

//Javascript

<script language="Javascript">

function getIE(e){

var t=e.offsetTop;

var l=e.offsetLeft;

while(e=e.offsetParent){

t+=e.offsetTop;

l+=e.offsetLeft;

}

alert("top="+t+"/nleft="+l);

}

</script>

 

//VBScript

<script language="VBScript"><!–

function getIE()

dim t,l,a,b

set a=document.all.img1

t=document.all.img1.offsetTop

l=document.all.img1.offsetLeft

while a.tagName<>"BODY"

set a = a.offsetParent

t=t+a.offsetTop

l=l+a.offsetLeft

wend

msgbox "top="&t&chr(13)&"left="&l,64,"得到控件的位置"

end function

–></script>

 

14. 光標是停在文本框文字的最後

<script language="javascript">

function cc()

{

var e = event.srcElement;

var r =e.createTextRange();

r.moveStart("character",e.value.length);

r.collapse(true);

r.select();

}

</script>

<input type=text name=text1 value="123" onfocus="cc()">

 

15. 判斷上一頁的來源

javascript :

document.referrer

 

16. 最小化、最大化、關閉窗口

<object id=hh1 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">

<param name="Command" value="Minimize"></object>

<object id=hh2 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11">

<param name="Command" value="Maximize"></object>

<OBJECT id=hh3 classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11">

<PARAM NAME="Command" VALUE="Close"></OBJECT>

<input type=button value=最小化onclick=hh1.Click()>

<input type=button value=最大化onclick=hh2.Click()>

<input type=button value=關閉onclick=hh3.Click()>

本例適用於IE

 

17.屏蔽功能鍵Shift,Alt,Ctrl

<script>

function look(){

if(event.shiftKey)

alert("禁止按Shift鍵!"); //可以換成ALT CTRL

}

document.onkeydown=look;

</script>

 

18. 網頁不會被緩存

<META HTTP-EQUIV="pragma" CONTENT="no-cache">

<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">

<META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">

或者<META HTTP-EQUIV="expires" CONTENT="0">

 

19.怎樣讓表單沒有凹凸感?

<input type=text style="border:1 solid #000000">

<input type=text style="border-left:none; border-right:none; border-top:none; border-bottom:

 

1 solid #000000"></textarea>

 

20.<p><span>&<layer>的區別?

<p>(pision)用來定義大段的頁面元素,會產生轉行

<span>用來定義同一行內的元素,跟<p>的唯一區別是不產生轉行

<layer>是ns的標記,ie不支持,相當於<p>

 

21.讓彈出窗口總是在最上面:

<body onblur="this.focus();">

 

22.不要滾動條?

讓豎條沒有:

<body style="overflow:scroll;overflow-y:hidden">

</body>

讓橫條沒有:

<body style="overflow:scroll;overflow-x:hidden">

</body>

兩個都去掉?更簡單瞭

<body scroll="no">

</body>

 

23.怎樣去掉圖片鏈接點擊後,圖片周圍的虛線?

<a href="#" onFocus="this.blur()"><img src="logo.jpg" border=0></a>

 

24.電子郵件處理提交表單

<form name="form1" method="post" action="mailto:****@***.com" enctype="text/plain">

<input type=submit>

</form>

 

25.在打開的子窗口刷新父窗口的代碼裡如何寫?

window.opener.location.reload()

 

26.如何設定打開頁面的大小

<body onload="top.resizeTo(300,200);">

打開頁面的位置<body onload="top.moveBy(300,200);">

 

27.在頁面中如何加入不是滿鋪的背景圖片,拉動頁面時背景圖不動

<STYLE>

body

{background-image:url(logo.gif); background-repeat:no-repeat;

background-position:center;background-attachment: fixed}

</STYLE>

 

28. 檢查一段字符串是否全由數字組成

<script language="Javascript"><!–

function checkNum(str){return str.match(//D/)==null}

alert(checkNum("1232142141"))

alert(checkNum("123214214a1"))

// –></script>

 

29. 獲得一個窗口的大小

document.body.clientWidth; document.body.clientHeight

 

30. 怎麼判斷是否是字符

if (/[^/x00-/xff]/g.test(s)) alert("含有漢字");

else alert("全是字符");

 

31.TEXTAREA自適應文字行數的多少

<textarea rows=1 name=s1 cols=27 onpropertychange="this.style.posHeight=this.scrollHeight">

</textarea>

 

32. 日期減去天數等於第二個日期

<script language=Javascript>

function cc(dd,dadd)

{

//可以加上錯誤處理

var a = new Date(dd)

a = a.valueOf()

a = a – dadd * 24 * 60 * 60 * 1000

a = new Date(a)

alert(a.getFullYear() + "年" + (a.getMonth() + 1) + "月" + a.getDate() + "日")

}

cc("12/23/2002",2)

</script>

 

33. 選擇瞭哪一個Radio

<HTML><script language="vbscript">

function checkme()

for each ob in radio1

if ob.checked then window.alert ob.value

next

end function

</script><BODY>

<INPUT name="radio1" type="radio" value="style" checked>Style

<INPUT name="radio1" type="radio" value="barcode">Barcode

<INPUT type="button" value="check" onclick="checkme()">

</BODY></HTML>

 

34.腳本永不出錯

<SCRIPT LANGUAGE="JavaScript">

<!– Hide

function killErrors() {

return true;

}

window.onerror = killErrors;

// –>

</SCRIPT>

 

35.ENTER鍵可以讓光標移到下一個輸入框

<input onkeydown="if(event.keyCode==13)event.keyCode=9">

 

36. 檢測某個網站的鏈接速度:

把如下代碼加入<body>區域中:

<script language=Javascript>

tim=1

setInterval("tim++",100)

b=1

var autourl=new Array()

autourl[1]="www.njcatv.net"

autourl[2]="javacool.3322.net"

autourl[3]="www.sina.com.cn"

autourl[4]="www.nuaa.edu.cn"

autourl[5]="www.cctv.com"

function butt(){

document.write("<form name=autof>")

for(var i=1;i<autourl.length;i++)

document.write("<input type=text name=txt"+i+" size=10 value=測試中……> =》<input type=text

name=url"+i+" size=40> =》<input type=button value=GO

 

onclick=window.open(this.form.url"+i+".value)><br>")

document.write("<input type=submit value=刷新></form>")

}

butt()

function auto(url){

document.forms[0]["url"+b].value=url

if(tim>200)

{document.forms[0]["txt"+b].value="鏈接超時"}

else

{document.forms[0]["txt"+b].value="時間"+tim/10+"秒"}

b++

}

function run(){for(var i=1;i<autourl.length;i++)document.write("<img src=http://"+autourl+"/"+Math.random()+"

 

width=1 height=1

 

onerror=auto("http://"+autourl+"")>") }

run()</script>

 

37. 各種樣式的光標

auto :標準光標

default :標準箭頭

hand :手形光標

wait :等待光標

text :I形光標

vertical-text :水平I形光標

no-drop :不可拖動光標

not-allowed :無效光標

help :?幫助光標

all-scroll :三角方向標

move :移動標

crosshair :十字標

e-resize

n-resize

nw-resize

w-resize

s-resize

se-resize

sw-resize

 

38.頁面進入和退出的特效

進入頁面<meta http-equiv="Page-Enter" content="revealTrans(duration=x, transition=y)">

推出頁面<meta http-equiv="Page-Exit" content="revealTrans(duration=x, transition=y)">

這個是頁面被載入和調出時的一些特效。duration表示特效的持續時間,以秒為單位。transition表示使用哪種特效,取值為

 

1-23:

  0 矩形縮小

  1 矩形擴大

  2 圓形縮小

  3 圓形擴大

  4 下到上刷新

  5 上到下刷新

  6 左到右刷新

  7 右到左刷新

  8 豎百葉窗

  9 橫百葉窗

  10 錯位橫百葉窗

  11 錯位豎百葉窗

  12 點擴散

  13 左右到中間刷新

  14 中間到左右刷新

  15 中間到上下

  16 上下到中間

  17 右下到左上

  18 右上到左下

  19 左上到右下

  20 左下到右上

  21 橫條

  22 豎條

  23 以上22種隨機選擇一種

 

39.在規定時間內跳轉

<META http-equiv=V="REFRESH" content="5;URL=http://www.51js.com">

 

40.網頁是否被檢索

<meta name="ROBOTS" content="屬性值">

  其中屬性值有以下一些:

  屬性值為"all": 文件將被檢索,且頁上鏈接可被查詢;

  屬性值為"none": 文件不被檢索,而且不查詢頁上的鏈接;

  屬性值為"index": 文件將被檢索;

  屬性值為"follow": 查詢頁上的鏈接;

  屬性值為"noindex": 文件不檢索,但可被查詢鏈接;

  屬性值為"nofollow": 文件不被檢索,但可查詢頁上的鏈接。

>>>———我想分頁!–這麼長的文章,在這裡來個分頁多好啊!哈哈———-<<<

js寶典學習筆記ZT

 

每一項都是js中的小技巧,但十分的實用!

1.document.write(""); 輸出語句

2.JS中的註釋為//

3.傳統的HTML文檔順序是:document->html->(head,body)

4.一個瀏覽器窗口中的DOM順序是:window->(navigator,screen,history,location,document)

5.得到表單中元素的名稱和值:document.getElementByIdx_x("表單中元素的ID號").name(或value)

6.一個小寫轉大寫的JS: document.getElementByIdx_x("output").value = document.getElementByIdx_x("input").value.toUpperCase();

7.JS中的值類型:String,Number,Boolean,Null,Object,Function

8.JS中的字符型轉換成數值型:parseInt(),parseFloat()

9.JS中的數字轉換成字符型:(""+變量)

10.JS中的取字符串長度是:(length)

11.JS中的字符與字符相連接使用+號.

12.JS中的比較操作符有:==等於,!=不等於,>,>=,<.<=

13.JS中聲明變量使用:var來進行聲明

14.JS中的判斷語句結構:if(condition){}else{}

15.JS中的循環結構:for([initial expression];[condition];[upadte expression]) {inside loop}

16.循環中止的命令是:break

17.JS中的函數定義:function functionName([parameter],…){statement[s]}

18.當文件中出現多個form表單時.可以用document.forms[0],document.forms[1]來代替.

19.窗口:打開窗口window.open(), 關閉一個窗口:window.close(), 窗口本身:self

20.狀態欄的設置:window.status="字符";

21.彈出提示信息:window.alert("字符");

22.彈出確認框:window.confirm();

23.彈出輸入提示框:window.prompt();

24.指定當前顯示鏈接的位置:window.location.href="URL"

25.取出窗體中的所有表單的數量:document.forms.length

26.關閉文檔的輸出流:document.close();

27.字符串追加連接符:+=

28.創建一個文檔元素:document.createElement_x(),document.createTextNode()

29.得到元素的方法:document.getElementByIdx_x()

30.設置表單中所有文本型的成員的值為空:

var form = window.document.forms[0]

for (var i = 0; i<form.elements.length;i++){

if (form.elements[i].type == "text"){

form.elements[i].value = "";

}

}

31.復選按鈕在JS中判斷是否選中:document.forms[0].checkThis.checked (checked屬性代表為是否選中返回TRUE或FALSE)

32.單選按鈕組(單選按鈕的名稱必須相同):取單選按鈕組的長度document.forms[0].groupName.length

33.單選按鈕組判斷是否被選中也是用checked.

34.下拉列表框的值:document.forms[0].selectName.options[n].value (n有時用下拉列表框名稱加上.selectedIndex來確定被選中的值)

35.字符串的定義:var myString = new String("This is lightsword");

36.字符串轉成大寫:string.toUpperCase(); 字符串轉成小寫:string.toLowerCase();

37.返回字符串2在字符串1中出現的位置:String1.indexOf("String2")!=-1則說明沒找到.

38.取字符串中指定位置的一個字符:StringA.charAt(9);

39.取出字符串中指定起點和終點的子字符串:stringA.substring(2,6);

40.數學函數:Math.PI(返回圓周率),Math.SQRT2(返回開方),Math.max(value1,value2)返回兩個數中的最在值,Math.pow(value1,10)返回value1的十次方,Math.round(value1)四舍五入函數,Math.floor(Math.random()*(n+1))返回隨機數

41.定義日期型變量:var today = new Date();

42.日期函數列表:dateObj.getTime()得到時間,dateObj.getYear()得到年份,dateObj.getFullYear()得到四位的年份,dateObj.getMonth()得到月份,dateObj.getDate()得到日,dateObj.getDay()得到日期幾,dateObj.getHours()得到小時,dateObj.getMinutes()得到分,dateObj.getSeconds()得到秒,dateObj.setTime(value)設置時間,dateObj.setYear(val)設置年,dateObj.setMonth(val)設置月,dateObj.setDate(val)設置日,dateObj.setDay(val)設置星期幾,dateObj.setHours設置小時,dateObj.setMinutes(val)設置分,dateObj.setSeconds(val)設置秒[註意:此日期時間從0開始計]

43.FRAME的表示方式: [window.]frames[n].ObjFuncVarName,frames["frameName"].ObjFuncVarName,frameName.ObjFuncVarName

44.parent代表父親對象,top代表最頂端對象

45.打開子窗口的父窗口為:opener

46.表示當前所屬的位置:this

47.當在超鏈接中調用JS函數時用:(javascript :)來開頭後面加函數名

48.在老的瀏覽器中不執行此JS:<!– //–>

49.引用一個文件式的JS:<script type="text/javascript" src="aaa.js"></script>

50.指定在不支持腳本的瀏覽器顯示的HTML:<noscript></noscript>

51.當超鏈和ONCLICK事件都有時,則老版本的瀏覽器轉向a.html,否則轉向b.html.例:<a href="a.html" onclick="location.href='b.html';return false">dfsadf</a>

52.JS的內建對象有:Array,Boolean,Date,Error,EvalError,Function,Math,Number,Object,RangeError,ReferenceError,RegExp,String,SyntaxError,TypeError,URIError

53.JS中的換行:/n

54.窗口全屏大小:<script>function fullScreen(){ this.moveTo(0,0);this.outerWidth=screen.availWidth;this.outerHeight=screen.availHeight;}window.maximize=fullScreen;</script>

55.JS中的all代表其下層的全部元素

56.JS中的焦點順序:document.getElementByIdx_x("表單元素").tabIndex = 1

57.innerHTML的值是表單元素的值:如<p id="para">"how are <em>you</em>"</p>,則innerHTML的值就是:how are <em>you</em>

58.innerTEXT的值和上面的一樣,隻不過不會把<em>這種標記顯示出來.

59.contentEditable可設置元素是否可被修改,isContentEditable返回是否可修改的狀態.

60.isDisabled判斷是否為禁止狀態.disabled設置禁止狀態

61.length取得長度,返回整型數值

62.addBehavior()是一種JS調用的外部函數文件其擴展名為.htc

63.window.focus()使當前的窗口在所有窗口之前.

64.blur()指失去焦點.與FOCUS()相反.

65.select()指元素為選中狀態.

66.防止用戶對文本框中輸入文本:onfocus="this.blur()"

67.取出該元素在頁面中出現的數量:document.all.tags("p(或其它HTML標記符)").length

68.JS中分為兩種窗體輸出:模態和非模態.window.showModaldialog(),window.showModeless()

69.狀態欄文字的設置:window.status='文字',默認的狀態欄文字設置:window.defaultStatus = '文字.';

70.添加到收藏夾:external.AddFavorite("http://www.dannyg.com" ,"jaskdlf");

71.JS中遇到腳本錯誤時不做任何操作:window.onerror = doNothing; 指定錯誤句柄的語法為:window.onerror = handleError;

72.JS中指定當前打開窗口的父窗口:window.opener,支持opener.opener…的多重繼續.

73.JS中的self指的是當前的窗口

74.JS中狀態欄顯示內容:window.status="內容"

75.JS中的top指的是框架集中最頂層的框架

76.JS中關閉當前的窗口:window.close();

77.JS中提出是否確認的框:if(confirm("Are you sure?")){alert("ok");}else{alert("Not Ok");}

78.JS中的窗口重定向:window.navigate("http://www.sina.com.cn");

79.JS中的打印:window.print()

80.JS中的提示輸入框:window.prompt("message","defaultReply");

81.JS中的窗口滾動條:window.scroll(x,y)

82.JS中的窗口滾動到位置:window.scrollby

83.JS中設置時間間隔:setInterval("expr",msecDelay)或setInterval(funcRef,msecDelay)或setTimeout

84.JS中的模態顯示在IE4+行,在NN中不行:showModalDialog("URL"[,arguments][,features]);

85.JS中的退出之前使用的句柄:function verifyClose(){event.returnValue="we really like you and hope you will stay longer.";}} window.onbeforeunload=verifyClose;

86.當窗體第一次調用時使用的文件句柄:onload()

87.當窗體關閉時調用的文件句柄:onunload()

88.window.location的屬性: protocol(http:),hostname(www.example.com),port(80),host(www.example.com:80),pathname("/a/a.html"),hash("#giantGizmo",指跳轉到相應的錨記),href(全部的信息)

89.window.location.reload()刷新當前頁面.

90.window.history.back()返回上一頁,window.history.forward()返回下一頁,window.history.go(返回第幾頁,也可以使用訪問過的URL)

91.document.write()不換行的輸出,document.writeln()換行輸出

92.document.body.noWrap=true;防止鏈接文字折行.

93.變量名.charAt(第幾位),取該變量的第幾位的字符.

94."abc".charCodeAt(第幾個),返回第幾個字符的ASCii碼值.

95.字符串連接:string.concat(string2),或用+=進行連接

96.變量.indexOf("字符",起始位置),返回第一個出現的位置(從0開始計算)

97.string.lastIndexOf(searchString[,startIndex])最後一次出現的位置.

98.string.match(regExpression),判斷字符是否匹配.

99.string.replace(regExpression,replaceString)替換現有字符串.

100.string.split(分隔符)返回一個數組存儲值.

101.string.substr(start[,length])取從第幾位到指定長度的字符串.

102.string.toLowerCase()使字符串全部變為小寫.

103.string.toUpperCase()使全部字符變為大寫.

104.parseInt(string[,radix(代表進制)])強制轉換成整型.

105.parseFloat(string[,radix])強制轉換成浮點型.

106.isNaN(變量):測試是否為數值型.

107.定義常量的關鍵字:const,定義變量的關鍵字:var

>>>———我想分頁!–這麼長的文章,在這裡來個分頁多好啊!哈哈———-<<<

 

程序代碼

//去左空格;

function ltrim(s){

return s.replace( /^/s*/, "");

}

 

 

程序代碼

//去右空格;

function rtrim(s){

return s.replace( //s*$/, "");

}

 

 

程序代碼

//左右空格;

function trim(s){

return rtrim(ltrim(s));

}

 

 

程序代碼

//替換

function replace(s, t, u) {

i = s.indexOf(t);

r = "";

if (i == -1) return s;

r += s.substring(0,i) + u;

if ( i + t.length < s.length)

r += replace(s.substring(i + t.length, s.length), t, u);

return r;

}

 

 

程序代碼

//檢查非法字符

//str 要檢查的字符

//badwords 非法字符&|<>=

function checkbadwords(str, badwords) {

if (typeof (str) != "string" || typeof (badwords) != "string") {

return (false);

}

for (i=0; i<badwords.length; i++) {

bad = badwords.charAt(i);

for (j=0; j<str.length; j++) {

if (bad == str.charAt(j)) {

return false;

break;

}

}

}

return true;

}

 

 

程序代碼

//檢查合法字符,限制隻能輸入的字符

//str 要檢查的字符

//goodwords 合法字符1234567890abcdefghijklmnopqrstuvwxyz

function checkgoodwords(str, goodwords) {

if (typeof (str) != "string" || typeof (goodwords) != "string") {

return (false);

}

for (i=0; i<str.length; i++) {

this_str = str.charAt(i);

for (j=0; j<goodwords.length; j++) {

if (this_str == goodwords.charAt(j)) {

break;

}

if(j==goodwords.length-1){

return false;

}

}

}

return true;

}

 

 

程序代碼

//函 數 名:chkinteger

//功能介紹:檢查是否為數字

//參數說明:要檢查的字符串

//返 回 值:false:不是true:是

function chkinteger(checkStr) {

var checkOK = "0123456789+-";

var allValid = true;

for (i=0; i<checkStr.length; i++) {

ch = checkStr.charAt(i);

if (checkOK.indexOf(ch) == -1) {

allValid = false;

break;

}

if ((ch == '+' || ch == '-') && i>0) {

allValid = false;

break;

}

}

return (allValid);

}

 

 

程序代碼

//函 數 名:chklength

//功能介紹:檢查字符串的長度

//參數說明:要檢查的字符串

//返 回 值:字節長度值

function chklength(checkStr) {

var n = 0;

for (i=0; i<checkStr.length; i++) {

chcode = checkStr.charCodeAt(i);

if (chcode>=0 && chcode<=255) {

n++;

} else {

n += 2;

}

}

return (n);

}

 

 

程序代碼

//復選框全選和不全選

//使用方法:

//<input name="chkAll" type="checkbox" id="chkAll" onclick=CheckAll(this.form) value="checkbox">

function unselectall()

{

if(document.myform.chkAll.checked){

document.myform.chkAll.checked = document.myform.chkAll.checked&0;

}

}

function CheckAll(form)

{

for (var i=0;i<form.elements.length;i++)

{

var e = form.elements[i];

if (e.Name != "chkAll"&&e.disabled==false)

e.checked = form.chkAll.checked;

}

}

 

 

程序代碼

//check date

//return: 1,days 2,false

//2005-12-19 2005-12-29

function checkdate(start_date,end_date){

//alert("start_date:["+start_date+"] end_date:["+end_date+"]");

//isnull

if(start_date=="" || end_date==""){

//alert("false");

return false;

}

var strSeparator = "-"; //split symbol

//is-

if(start_date.charAt(4)!=strSeparator && start_date.charAt(7)!=strSeparator && end_date.charAt(4)!=strSeparator && end_date.charAt(7)!=strSeparator){

//alert(start_date.charAt(7));

return false;

}

var strDateArrayStart;

var strDateArrayEnd;

strDateArrayStart = start_date.split(strSeparator);

strDateArrayEnd = end_date.split(strSeparator);

var strDateS = new Date(strDateArrayStart[0] + "/" + strDateArrayStart[1] + "/" + strDateArrayStart[2]);

var strDateE = new Date(strDateArrayEnd[0] + "/" + strDateArrayEnd[1] + "/" + strDateArrayEnd[2]);

//check date

var intDay;

intDay = (strDateE-strDateS)/(1000*3600*24);

//alert(intDay);

return intDay;

}

 

 

程序代碼

//checkdate_month

//return: 1,true 2,false

//2005-12-19 2005-12-29

//month: number

function checkdate_month(start_date,end_date,month){

//alert("start_date:["+start_date+"] end_date:["+end_date+"]");

//isnull

if(start_date=="" || end_date=="" || month==""){

//alert("false");

return false;

}

var strSeparator = "-"; //split symbol

//is-

if(start_date.charAt(4)!=strSeparator && start_date.charAt(7)!=strSeparator && end_date.charAt(4)!=strSeparator && end_date.charAt(7)!=strSeparator){

//alert(start_date.charAt(7));

return false;

}

var strDateArrayStart;

var strDateArrayEnd;

strDateArrayStart = start_date.split(strSeparator);

strDateArrayEnd = end_date.split(strSeparator);

var strDateS = new Date(strDateArrayStart[0] + "/" + strDateArrayStart[1] + "/" + strDateArrayStart[2]);

var strDateE = new Date(strDateArrayEnd[0] + "/" + strDateArrayEnd[1] + "/" + strDateArrayEnd[2]);

//check date

var intDay;

intDay = (strDateE-strDateS)/(1000*3600*24);

//alert(intDay);

var intMonth = intDay/30;

if(intMonth>month){

return false;

}

return true;

}

 

常用正則表達式常用表達式:

"^d+$"  //非負整數(正整數+ 0)

"^[0-9]*[1-9][0-9]*$"  //正整數

"^((-d+)|(0+))$"  //非正整數(負整數+ 0)

"^-[0-9]*[1-9][0-9]*$"  //負整數

"^-?d+$"    //整數

"^d+(.d+)?$"  //非負浮點數(正浮點數+ 0)

"^(([0-9]+.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*.[0-9]+)|([0-9]*[1-9][0-9]*))$"  //正浮點數

"^((-d+(.d+)?)|(0+(.0+)?))$"  //非正浮點數(負浮點數+ 0)

"^(-(([0-9]+.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*.[0-9]+)|([0-9]*[1-9][0-9]*)))$"  //負浮點數

"^(-?d+)(.d+)?$"  //浮點數

"^[A-Za-z]+$"  //由26個英文字母組成的字符串

"^[A-Z]+$"  //由26個英文字母的大寫組成的字符串

"^[a-z]+$"  //由26個英文字母的小寫組成的字符串

"^[A-Za-z0-9]+$"  //由數字和26個英文字母組成的字符串

"^w+$"  //由數字、26個英文字母或者下劃線組成的字符串

"^[w-]+(.[w-]+)*@[w-]+(.[w-]+)+$"    //email地址

"^[a-zA-z]+://(w+(-w+)*)(.(w+(-w+)*))*(?S*)?$"  //url

/^(d{2}|d{4})-((0([1-9]{1}))|(1[1|2]))-(([0-2]([1-9]{1}))|(3[0|1]))$/   //  年-月-日

/^((0([1-9]{1}))|(1[1|2]))/(([0-2]([1-9]{1}))|(3[0|1]))/(d{2}|d{4})$/   // 月/日/年

"^([w-.]+)@(([[0-9]{1,3}.[0-9]{1,3}.[0-9]{1,3}.)|(([w-]+.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(]?)$"   //Emil

"(d+-)?(d{4}-?d{7}|d{3}-?d{8}|^d{7,8})(-d+)?"     //電話號碼

"^(d{1,2}|1dd|2[0-4]d|25[0-5]).(d{1,2}|1dd|2[0-4]d|25[0-5]).(d{1,2}|1dd|2[0-4]d|25[0-5]).(d{1,2}|1dd|2[0-4]d|25[0-5])$"   //IP地址

 

匹配中文字符的正則表達式:[u4e00-u9fa5]

匹配雙字節字符(包括漢字在內):[^x00-xff]

匹配空行的正則表達式:n[s| ]*r

匹配HTML標記的正則表達式:/<(.*)>.*</1>|<(.*) />/

匹配首尾空格的正則表達式:(^s*)|(s*$)

匹配Email地址的正則表達式:w+([-+.]w+)*@w+([-.]w+)*.w+([-.]w+)*

匹配網址URL的正則表達式:^[a-zA-z]+://(/w+(-/w+)*)(/.(/w+(-/w+)*))*(/?/S*)?$

匹配帳號是否合法(字母開頭,允許5-16字節,允許字母數字下劃線):^[a-zA-Z][a-zA-Z0-9_]{4,15}$

匹配國內電話號碼:(d{3}-|d{4}-)?(d{8}|d{7})?

匹配騰訊QQ號:^[1-9]*[1-9][0-9]*$

 

匹配中文字符的正則表達式:[u4e00-u9fa5]

匹配雙字節字符(包括漢字在內):[^x00-xff]

匹配空行的正則表達式:n[s| ]*r

匹配HTML標記的正則表達式:/<(.*)>.*</1>|<(.*) />/

匹配首尾空格的正則表達式:(^s*)|(s*$)

匹配Email地址的正則表達式:w+([-+.]w+)*@w+([-.]w+)*.w+([-.]w+)*

匹配網址URL的正則表達式:http://([w-]+.)+[w-]+(/[w- ./?%&=]*)?

 

利用正則表達式限制網頁表單裡的文本框輸入內容:

用正則表達式限制隻能輸入中文:onkeyup="value=value.replace(/[^u4E00-u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^u4E00-u9FA5]/g,''))"

用正則表達式限制隻能輸入全角字符:onkeyup="value=value.replace(/[^uFF00-uFFFF]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^uFF00-uFFFF]/g,''))"

用正則表達式限制隻能輸入數字:onkeyup="value=value.replace(/[^d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^d]/g,''))"

用正則表達式限制隻能輸入數字和英文:onkeyup="value=value.replace(//g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^d]/g,''))"

 

摘自 hurry的專欄

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *