常用的js收集

原创

蓝之风的技术驿站 2021-09-02 11:28:32 ©著作权

文章标签 xml javascript html git java 文章分类 JavaScript 前端开发

©著作权归作者所有：来自51CTO博客作者蓝之风的技术驿站的原创作品，请联系作者获取转载授权，否则将追究法律责任

1.文本框焦点问题
常用的js收集_git onBlur:当失去输入焦点后产生该事件
onFocus:当输入获得焦点后，产生该文件
Onchange:当文字值改变时，产生该事件
Onselect:当文字加亮后，产生该文件

<input type="text" value="郭强" onfocus="if(value=='郭强') {value=''}" onblur="if
常用的js收集_git (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"
常用的js收集_git
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;
常用的js收集_git
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.使窗口变成指定的大小
常用的js收集_git_34 常用的js收集_html_35 <script> 常用的js收集_javascript_36
常用的js收集_xml_37 window.resizeTo(300,283);
</script>

8.使文字上下滚动
<marquee direction=up scrollamount=1 scrolldelay=100 onmouseover='this.stop()' onmouseout='this.start()'

height=60>
常用的js收集_git 
<tr>
<td>
共和国
</table>        
</marquee>

9.状态栏显示该页状态
<base onmouseover="window.status='网站建设 http://www.webmake.cn/' ;return true">

10.可以点击文字实现radio选项的选定
常用的js收集_git <br>
    <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.线型输入框
常用的js收集_git <input type="text" name="key"  size="12" value="关键字" onFocus=this.select() onMouseOver=this.focus()

class="line">

14.显示文档最后修改日期
常用的js收集_git_34 常用的js收集_html_35 <script language=javascript> 常用的js收集_javascript_36
常用的js收集_javascript_73 function hi(str)
常用的js收集_java_74 常用的js收集_git_75 {
document.write(document.lastModified)

alert("hi"+str+"!")
常用的js收集_xml_37 }
</script>

15.可以在鼠标移到文字上时就触发事件
<html>
<head>
常用的js收集_git_34 常用的js收集_html_35 <script language="LiveScript"> 常用的js收集_javascript_36
常用的js收集_javascript_73 
</SCRIPT>
<BODY STYLE="font-family:Arial">
<B>Changing Background Colors</B>
常用的js收集_git <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.将按钮的特征改变
常用的js收集_git_34 常用的js收集_html_35 <style type="text/css"> 常用的js收集_javascript_36
常用的js收集_javascript_73 
常用的js收集_git </style>
　　本例按钮的代码如下：
<input type="submit" name="Submit" value="提交" onmouseover="this.className='style2'"

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

18.改变按钮的图片.
常用的js收集_git_34 常用的js收集_html_35 <style type="text/css"> 常用的js收集_javascript_36
常用的js收集_javascript_73 
常用的js收集_git </style>
　　本例的按钮代码如下：
<input type="submit" name="Submit2" value="提交" onmouseover="this.className='style4'"

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

19.打印页面
<div align="center"><a class=content href="javascript:doPrint();">打印本稿</a></div>
常用的js收集_git
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
常用的js收集_git 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"
常用的js收集_git
>guoqiang99859</label>

25.layer2为组件的ID，可以控制组件是否可见
document.all.item('Layer2').style.display = "block";
document.all.item('Layer2').style.display = "none";//

26.将页面加入favorite中
常用的js收集_git_34 常用的js收集_html_35 <script language=javascript> 常用的js收集_javascript_36
常用的js收集_javascript_73 
</script>//

27.过10秒自动关闭页面
< script language="JavaScript" >
常用的js收集_git 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">
常用的js收集_git     <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';"
常用的js收集_git
onmouseout="this.bgColor='#FAFBFC';">

32.改变文字输入框的背景颜色
常用的js收集_git_34 常用的js收集_html_35 <style> 常用的js收集_javascript_36
常用的js收集_java_74 常用的js收集_git_75 .input2 {}{background-image: url('../images/inputbg.gif');   font-size: 12px; background-color:
常用的js收集_javascript_73
常用的js收集_xml_37 #D0DABB;border-top-width:1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}
常用的js收集_git </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>
常用的js收集_git <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()//

常用的js收集_git 38.将网页的按钮使能
常用的js收集_git_34 常用的js收集_html_35 <SCRIPT LANGUAGE="JavaScript"> 常用的js收集_javascript_36
常用的js收集_javascript_73 function haha()
常用的js收集_java_74 常用的js收集_git_75 {
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;
常用的js收集_java_118 }
常用的js收集_xml_37 }
</SCRIPT>
<BODY><form name=form1>
常用的js收集_git <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.双击网页自动跑
常用的js收集_git_34 常用的js收集_html_35 <SCRIPT LANGUAGE="JavaScript"> 常用的js收集_javascript_36
常用的js收集_javascript_73 var currentpos,timer;
function initialize()
常用的js收集_java_74 常用的js收集_git_75 {
timer=setInterval("scrollwindow()",1);
常用的js收集_java_118 }
function sc()
{
clearInterval(timer);
}
function scrollwindow()
常用的js收集_javascript_36 {
常用的js收集_javascript_73 currentpos=document.body.scrollTop;
window.scroll(0,++currentpos);
if (currentpos != document.body.scrollTop)
  sc();
}
document.onmousedown=sc
常用的js收集_xml_37 document.ondblclick=initialize
常用的js收集_git </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.转向指定网页
常用的js收集_git document.location="http://ww"或者document.location.assign("http://guoguo.com")

45.在网页上显示实时时间
常用的js收集_git_34 常用的js收集_html_35 <SCRIPT LANGUAGE="JavaScript"> 常用的js收集_javascript_36
常用的js收集_javascript_73 var clock_id;
window.onload=function()
常用的js收集_java_74 常用的js收集_git_75 {
clock_id=setInterval("document.form1.txtclock.value=(new Date);",1000)
常用的js收集_xml_37 }
</SCRIPT>//

46.可以下载文件
document.location.href="目标文件"//

47.连接数据库
import java.sql.*;
String myDBDriver="sun.jdbc.odbc.JdbcOdbcDriver";
Class.forName(myDBDriver);
常用的js收集_git Connection conn=DriverManager.getConnection("jdbc:odbc:firm","username","password");
Statement stmt=conn.createStatement();
ResultSet rs=stmt.executeQuery(sql);
rs.getString("column1");//

48.可以直接在页面“div”内写下所需内容
<INPUT TYPE="button" onclick="a1.innerHTML='<font color=red>*</font>'">
常用的js收集_git <div id=a1></div>//

49.可以改变页面上的连接的格式，使其为双线
常用的js收集_git_34 常用的js收集_html_35 <style> 常用的js收集_javascript_36
常用的js收集_java_74 常用的js收集_git_75 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>

常用的js收集_git_34 常用的js收集_html_35 <style> 常用的js收集_javascript_36
常用的js收集_java_74 常用的js收集_git_75 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{ 常用的js收集_javascript_36 }{FONT-SIZE: 9pt}
常用的js收集_java_74 常用的js收集_git_75 TD{}{FONT-SIZE: 9pt}
body {}{SCROLLBAR-FACE-COLOR: #A9D46D; SCROLLBAR-HIGHLIGHT-COLOR: #e7e7e7;SCROLLBAR-SHADOW-COLOR:#e7e7e7;
常用的js收集_javascript_73
SCROLLBAR-3DLIGHT-COLOR: #000000; LINE-HEIGHT: 15pt; SCROLLBAR-ARROW-COLOR: #ffffff;

常用的js收集_java_118 SCROLLBAR-TRACK-COLOR: #e7e7e7;}

常用的js收集_java_74 常用的js收集_git_75 INPUT{ 常用的js收集_javascript_36 }{BORDER-TOP-WIDTH: 1px; PADDING-RIGHT: 1px; PADDING-LEFT: 1px; BORDER-LEFT-WIDTH: 1px; FONT-SIZE:
常用的js收集_javascript_73
9pt; BORDER-LEFT-COLOR: #cccccc;
BORDER-BOTTOM-WIDTH: 1px; BORDER-BOTTOM-COLOR: #cccccc; PADDING-BOTTOM: 1px; BORDER-TOP-COLOR: #cccccc;

常用的js收集_java_118 PADDING-TOP: 1px; HEIGHT: 18px; BORDER-RIGHT-WIDTH: 1px; BORDER-RIGHT-COLOR: #cccccc}
常用的js收集_java_74 常用的js收集_git_75 DIV,form ,OPTION,P,TD,BR{ 常用的js收集_javascript_36 }{FONT-FAMILY: 宋体; FONT-SIZE: 9pt}
textarea, select {}{border-width: 1; border-color: #000000; background-color: #efefef; font-family: 宋体;
常用的js收集_javascript_73
常用的js收集_java_118 font-size: 9pt; font-style: bold;}
常用的js收集_java_74 常用的js收集_git_75 .text { 常用的js收集_javascript_36 }{ font-family: "宋体"; font-size: 9pt; color: #003300; border: #006600 solid; border-width: 1px 1px
常用的js收集_javascript_73
常用的js收集_xml_37 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
常用的js收集_git
/a_13.html')"><img alt=帮助 border=0 src="http://bjpic.163.net/images/mail/button-help.gif"></a>

51.向文件中写内容
常用的js收集_git_34 常用的js收集_html_35 <% 常用的js收集_javascript_36 @ page import="java.io.*" %>
<%
常用的js收集_javascript_73 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);
常用的js收集_javascript_73   //clean up
  pw.close();
}
catch(IOException e)
{
  out.println(e.getMessage());
常用的js收集_xml_37 }
常用的js收集_git %>

52.先读文件再写文件
常用的js收集_git_34 常用的js收集_html_35 <% 常用的js收集_javascript_36 @ 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.*" %>
常用的js收集_git_34 常用的js收集_html_35 <% 常用的js收集_javascript_36 @ page import ="javax.servlet.http.*" %>
<%@ page import="java.io.*" %>
eryrytry
<%
常用的js收集_javascript_73 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);
常用的js收集_javascript_73 so.writeInt(count);
常用的js收集_xml_37 so.close();
常用的js收集_git %>

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改变属性
常用的js收集_git <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>
常用的js收集_git_34 常用的js收集_html_35 <style> 常用的js收集_javascript_36
常用的js收集_javascript_73 .mouseoverbt
常用的js收集_java_74 常用的js收集_git_75 {}{
background-image: url(http://www.yongle.com.cn/img/btbgw64h20y.gif);
background-repeat: no-repeat;
常用的js收集_java_118 }
.mouseout
{}{
background-color: #E0E0E0;
常用的js收集_xml_37 }
</style>

55.同时按下CTRL和Q键
document.onkeydown=function()
常用的js收集_git {
if(event.ctrlKey&&event.keyCode==81)
{alert(1)}
}//

56.以下是一个完整的显示hint的代码，其思想是当鼠标停留是将div中的内容显示在鼠标出，当鼠标移出后在将该div隐

藏掉
---------------------------------------------------------------------------------------------------------
常用的js收集_git
------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
常用的js收集_git_34 常用的js收集_html_35 <style> 常用的js收集_javascript_36
常用的js收集_java_74 常用的js收集_git_75 #hint{}{
常用的js收集_javascript_73 width:198px;
border:1px solid #000000;
background:#99ff33;
position:absolute;
z-index:9;
padding:6px;
line-height:17px;
text-align:left;
top: 1520px;
常用的js收集_xml_37 }
</style>
常用的js收集_git_34 常用的js收集_html_35 <SCRIPT LANGUAGE="JavaScript"> 常用的js收集_javascript_36
常用的js收集_javascript_73 
</SCRIPT>
<BODY>
<text id=guoguo value=ga>
<a href=# onmouseover=showme() onmouseout=hidme() onmousemove=showme() son=hint>dfdfd</a>
常用的js收集_git <div id=hint style="display:none"></div>
</BODY>
</HTML>
---------------------------------------------------------------------------------------------------------

------------

57.弹出窗口
方法一：<body onload="openwen()"> 浏览器读页面时弹出窗口；
方法二：<body onunload="openwen()"> 浏览器离开页面时弹出窗口；
常用的js收集_git 方法三：用一个连接调用：<a href="#" onclick="openwin()">打开一个窗口</a>
注意：使用的"#"是虚连接。
方法四：用一个按钮调用：<input type="button" onclick="openwin()" value="打开窗口"> 何时装载script

58.动态改变字体的大小
常用的js收集_git function doZoom(size)
{
   document.getElementById('zoom').style.fontSize=size+'px'
}

function aa()
{
   var newWin=window.open(url);
   newWin.document.form1.text1.value=value1;
}改变弹出窗口上域的属性
opener.document.form2.text2.value=value2;改变父窗口的域的值
常用的js收集_git
59.判断是何种浏览器
var name = navigator.appName;
if (name == "Microsoft Internet Explorer")
alert("IE");
else if (name == "Netscape")
alert("NS");//

60.vbsscript确定框
常用的js收集_git_34 常用的js收集_html_35 <script language="VBScript"> 常用的js收集_javascript_36
常用的js收集_javascript_73 
</script>//

61.复制内容到剪切板
function JM_cc(bb)
{
    var ob=eval（"document.form1."+bb);
常用的js收集_git     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
常用的js收集_git   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();
常用的js收集_git   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();
常用的js收集_git   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());
常用的js收集_git    ex=ex.getNextException();
   System.out.println("");
  }

}
catch(java.lang.Exception ex)
{
  ex.printStackTrace();
}
}//

63.最小化窗口
window.blur()//

64.文档的路径
document.URL//

65.定时执行某段程序
setTimeout("change_color()",600);
常用的js收集_git
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');
常用的js收集_git   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");
常用的js收集_git if (color != null)
{
  document.compose.bgcolor.value = color;
}
}//

70.截取小数点后两位
var a=3454545.4454545;
alert(a.toFixed(2));//

71.禁止选择页面上的文字来拷贝
常用的js收集_git_34 常用的js收集_html_35 <script> 常用的js收集_javascript_36
常用的js收集_java_74 常用的js收集_git_75 function noEffect() {
  with (event) {
常用的js收集_javascript_73     returnValue = false;
    cancelBubble = true;
常用的js收集_java_118   }
  return;
常用的js收集_xml_37 }
</script>
<body onselectstart="noEffect()" oncontextmenu="noEffect()">//
常用的js收集_git
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))">//
常用的js收集_git
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)">//
常用的js收集_git
77.获得当前的文本框选中的文字
<input onmouseup="alert(document.selection.createRange().text)" value=123>//

78.跳转至目标页面，同时不可返回
<a href="javascript:location.replace('http://www.sohu.com/')">sohu.com</a>//

79.获得当前的行是表格的第几行
常用的js收集_git_34 常用的js收集_html_35 <script> 常用的js收集_javascript_36
常用的js收集_javascript_73 function getrow(obj)
常用的js收集_java_74 常用的js收集_git_75 {
   if(event.srcElement.tagName=="TD"){
   curRow=event.srcElement.parentElement;
   alert("这是第"+(curRow.rowIndex+1)+"行");

常用的js收集_java_118    }
常用的js收集_xml_37 }
</script>

<table border="1" width="100%" onclick=getrow(this)>
  <tr>
常用的js收集_git     <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>
常用的js收集_git     <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>
常用的js收集_git_34 常用的js收集_html_35 <script language="JavaScript"> 常用的js收集_javascript_36
常用的js收集_javascript_73 function add()
常用的js收集_java_74 常用的js收集_git_75 {
   t1.insertRow().insertCell().innerHTML = '<input name="test'+t1.rows.length+'">';
常用的js收集_java_118 }//

82.event.x,event.clientX,event.offsetX区别：
x:设置或者是得到鼠标相对于目标事件的父元素的外边界在x坐标上的位置。 clientX:相对于客户区域的x坐标位置，不
常用的js收集_javascript_73
包括滚动条，就是正文区域。 offsetx：设置或者是得到鼠标相对于目标事件的父元素的内边界在x坐标上的位置。
screenX:相对于用户屏幕。

83.显示是鼠标按钮的哪个
<body onMouseDown="alert(event.button)">点Mouse看看//
常用的js收集_javascript_73
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.本地快捷键
常用的js收集_javascript_73 <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>
常用的js收集_javascript_73 <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>
常用的js收集_javascript_73

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')"> //打印
常用的js收集_javascript_73 <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')//撤销上一次操作
常用的js收集_javascript_73
89.web对话框
<SCRIPT>
常用的js收集_java_74 常用的js收集_git_75 var contents='<style>body,td 常用的js收集_javascript_36 {font:menu}img{cursor:hand}</style>';
contents+='<title>你要关闭我吗</title>';
contents+='<body bgcolor=menu>';
contents+='<table width=100% height=100% border=0>';
常用的js收集_javascript_73 contents+='<tr><td align=center>';
contents+='你要关闭我吗？<br>';
contents+='<img src=dark.gif onclick=self.close() alt=" 常用的js收集_javascript_36 关闭">';
contents+='<img src=jet.gif onclick=self.close() alt="全是关闭">';
contents+='</td></tr></table>';
常用的js收集_javascript_73 showModalDialog("about:"+contents+"","","dialogHeight:50px;dialogWidth:250px;help:no;status:no")
常用的js收集_xml_37 document.write(contents);
常用的js收集_git </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.将页面上选中的内容复制到剪贴板
常用的js收集_git 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',
常用的js收集_git
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");
常用的js收集_git alert("File last modified: " + f1.DateLastModified); //

98.判断客户端是否是IE浏览器
因为 document.all 是 IE 的特有属性，所以通常用这个方法来判断客户端是否是IE浏览器 ,document.all?1:0;

99.创建新的下拉框选项
new Option(text,value)这样的函数//
常用的js收集_git
100.在页面上画柱状图
常用的js收集_git_34 常用的js收集_html_35 <STYLE> 常用的js收集_javascript_36
常用的js收集_java_74 常用的js收集_git_75 td{}{font-size:12px}
body{}{font-size:12px}
v\:*{}{behavior:url(#default#VML);} //这里声明了v作为VML公用变量
</STYLE>
<SCRIPT LANGUAGE="JavaScript">
常用的js收集_javascript_73 mathstr=12;
document.write ("<v:rect fillcolor='red'

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

常用的js收集_xml_37 backdepth='15pt' on='true'/></v:rect>")
常用的js收集_git </SCRIPT>
<v:rect fillcolor='red' style='width:20;color:navy;height:200'><br>%12<br>4人<v:Extrusion

backdepth='15pt' on='true'/></v:rect>
<v:rect fillcolor='yellow' style='width:20;color:navy;height:100'><br>%12<br>4人<v:Extrusion

backdepth='15pt' on='true'/></v:rect>//
常用的js收集_git

101.饼图
常用的js收集_git_34 常用的js收集_html_35 <style> 常用的js收集_javascript_36
常用的js收集_java_74 常用的js收集_git_75 v\:*     {}{ behavior: url(#default#VML) }
o\:*     {}{ behavior: url(#default#VML) }
.shape    {}{ behavior: url(#default#VML) }
</style>
常用的js收集_git_34 常用的js收集_html_35 <script language="javascript"> 常用的js收集_javascript_36
常用的js收集_javascript_73 function show(pie)
常用的js收集_java_74 常用的js收集_git_75 {
pie.strokecolor=pie.fillcolor;
pie.strokeweight=10;
div1.innerHTML="<font size=2 color=red> " + pie.id +"</font> <font size=2>" + pie.title + "</font>";
常用的js收集_java_118 }
常用的js收集_javascript_73 function hide(pie)
常用的js收集_java_74 常用的js收集_git_75 常用的js收集_javascript_36 {
pie.strokecolor="white";
pie.strokeweight=1;
div1.innerHTML="";
常用的js收集_xml_37 }
</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%'
常用的js收集_git
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%'
常用的js收集_git
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%'
常用的js收集_git
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%'
常用的js收集_git
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%'
常用的js收集_git
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%'
常用的js收集_git
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'>
常用的js收集_git <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'/>
常用的js收集_git <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
常用的js收集_git
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'/>
常用的js收集_git <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技术
常用的js收集_git
</v:textbox/></v:rect>
</v:group>

<div 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">
常用的js收集_git   <tr>
   <td width="100%" id=div1>　</td>
  </tr>
</table>
</div>//

102.是一个特殊的容器，想装个网页都行
<button><iframe src="http://www.google.com/"></iframe></button>//button

103.外部的html代码
event.srcElement.outerHTML//

104.标识当前的IE事件的触发器
常用的js收集_git event.srcElement和event.keyCode//

105.事件类型
event.type//

106.动态改变类型
常用的js收集_git_34 常用的js收集_html_35 <style> 常用的js收集_javascript_36
常用的js收集_java_74 常用的js收集_git_75 .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>//
常用的js收集_git
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');
常用的js收集_git 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.调用父窗口的函数
常用的js收集_git 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.交换节点
常用的js收集_git <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>
常用的js收集_git <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.集中为按钮改变颜色
常用的js收集_git_34 常用的js收集_html_35 <style> 常用的js收集_javascript_36
常用的js收集_java_74 常用的js收集_git_75 button{}{benc:expression(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.获得操作系统的名称和浏览器的名称
常用的js收集_git document.write(navigator.userAgent)//

124.alt/ctrl/shift键按下
event.altKey //按下alt键
event.ctrlKey //按下ctrl键
event.shiftKey //按下shift键

125.将当前位置定位为C盘。
{window.location="c:"}//

126.返回输入框的类型
常用的js收集_git_34 常用的js收集_html_35 <script> 常用的js收集_javascript_36
常用的js收集_xml_37 alert(event.srcElement.type);//
</script>

127.模拟控件的单击事件
<INPUT TYPE="hidden" name="guoguo" onclick="haha()">
<SCRIPT LANGUAGE="JavaScript">
常用的js收集_javascript_73 
</SCRIPT>//

128.取出记录集的列名
java.sql.ResultSet rset = com.bsitc.util.DBAssist.getIT().executeQuery(queryStatement, conn);
java.sql.ResultSetMetaData metaData = rset.getMetaData();
常用的js收集_git 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)
常用的js收集_git {
  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>
常用的js收集_git <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" autocomplete="off"> //
常用的js收集_git
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;
常用的js收集_git     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);
常用的js收集_git             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>
常用的js收集_git
</aa>
<aa>
<child value='3310'>台州地区</child>

<child value='3311'>丽水地区</child>
</aa>
</childrenlist>//

136.点击图片，图片停止
<a href="javascript:"><img src="http://www.51js.com/images/51js/red_forum.gif" border="0"></a>//

137.显示本地计算机信息
常用的js收集_git 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); //年,月，日，时，分
常用的js收集_git   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>//
常用的js收集_git
140.注意不能通过与 undefined 做比较来测试一个变量是否存在，虽然可以检查它的类型是否为“undefined”。在以

下的代码范例中，假设程序员想测试是否已经声明变量 x ：
// 这种方法不起作用
if (x == undefined)
常用的js收集_git     // 作某些操作
// 这个方法同样不起作用- 必须检查

// 字符串 "undefined"
if (typeof(x) == undefined)
    // 作某些操作
// 这个方法有效
if (typeof(x) == "undefined")
    // 作某些操作

141.创建具有某些属性的对象
常用的js收集_git 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]);
常用的js收集_git }//

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;
常用的js收集_git 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;
常用的js收集_git }
Date.prototype.toLiteString=guoguo_date;
alert(new Date().toLiteString())

147. pasta 是有四个参数的构造器,定义对象。
function pasta(grain, width, shape, hasEgg)
{
    // 是用什么粮食做的？
    this.grain = grain;

    // 多宽？（数值）
常用的js收集_git     this.width = width;

    // 横截面形状？（字符串）
    this.shape = shape;

    // 是否加蛋黄？（boolean）
    this.hasEgg = hasEgg;

    //定义方法
    this.toString=aa;
}
function aa()
{
;
}
常用的js收集_git //定义了对象构造器后，用 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";
常用的js收集_git

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");
常用的js收集_git //本代码启动创建对象的应用程序（在这种情况下，Microsoft Excel 工作表）。一旦对象被创建，就可以用定义的对

象变量在代码中引用它。在下面的例子中，通过对象变量 ExcelSheet 访问新对象的属性和方法和其他 Excel 对象，
常用的js收集_git
包括 Application 对象和 ActiveSheet.Cells 集合。
// 使 Excel 通过 Application 对象可见。
ExcelSheet.Application.Visible = true;
// 将一些文本放置到表格的第一格中。
ExcelSheet.ActiveSheet.Cells(1,1).Value = "This is column A, row 1";
常用的js收集_git // 保存表格。
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++)
常用的js收集_git 常用的js收集_javascript_36
}//

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="打印">//
常用的js收集_git
152.不通过form，直接通过名字引用对象
<INPUT TYPE="text" NAME="gg" value=aaaaa>
常用的js收集_git_34 常用的js收集_html_35 <SCRIPT LANGUAGE="JavaScript"> 常用的js收集_javascript_36
常用的js收集_javascript_73 
</SCRIPT>//

153.使鼠标滚轮失效
function document.onmousewheel()
{
return false;
常用的js收集_git }//

154.创建弹出窗口
常用的js收集_git_34 常用的js收集_html_35 <SCRIPT LANGUAGE="JScript"> 常用的js收集_javascript_36
常用的js收集_javascript_73   var oPopup = window.createPopup();
  var oPopupBody = oPopup.document.body;
  oPopupBody.innerHTML = "Display some <B>HTML</B> here.";
常用的js收集_xml_37   oPopup.show(100, 100, 200, 50, document.body);
常用的js收集_git </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;
常用的js收集_git document.all.hint_layer.style.top  = event.y+document.body.scrollTop+10;//

158.向下拉框指定位置添加项目
var op  = document.createElement("OPTION");
document.all.selected_items.children(index).insertAdjacentElement("BeforeBegin",op);
op.text  = document.all.all_items[i].text;
常用的js收集_git op.value = document.all.all_items[i].value;//

159.判断一个窗口是否已经打开，如果已经打开，则关闭之
var a;
if(a)
a.close();
else
a=window.open('','','');//

160.动态创建一个标签
newElem  = document.createElement("DIV");
newElem.id = "hint_layer";
常用的js收集_git document.body.appendChild(newElem);
document.all.hint_layer.innerText="guoguo";//

161.标题栏
document.title//

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

常用的js收集_git_34 常用的js收集_html_35 <STYLE TYPE="text/css"> 常用的js收集_javascript_36
常用的js收集_javascript_73 
</STYLE>//背景图片居中

163.设置透明效果
document.form.xxx.filters.alpha.opacity=0～100//
常用的js收集_git
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:
常用的js收集_git 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 = "拾";
常用的js收集_git 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 = "整";

常用的js收集_git // 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;
常用的js收集_git 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!");
常用的js收集_git   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.
常用的js收集_git 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 "";
常用的js收集_git }

// 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.
常用的js收集_git   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,
常用的js收集_git
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:
常用的js收集_git 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++;
常用的js收集_git    }
   else {
    if (zeroCount > 0)
    {
     outputCharacters += digits[0];
    }
    zeroCount = 0;
    outputCharacters += digits[Number(d)] + radices[modulus];
   }
   if (modulus == 0 && zeroCount < 4) {
    outputCharacters += bigRadices[quotient];
常用的js收集_git    }
  }
  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];
常用的js收集_git    }
  }
}
// Confirm and return the final output string:
if (outputCharacters == "") {
  outputCharacters = CN_ZERO + CN_DOLLAR;
}
if (decimal == "") {
  outputCharacters += CN_INTEGER;
}
outputCharacters = CN_SYMBOL + outputCharacters;
常用的js收集_git 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>
常用的js收集_git </tfoot>
<tr>
<td><div datafld="to"></div></td>
<td><div datafld="from"></div></td>
<td><div datafld="subject"></div></td>
<td><div datafld="content"></div></td>
</tr>
</table>
</body>
</html>

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

<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>
常用的js收集_git   <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>
常用的js收集_git   <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.以下组合可以正确显示汉字
常用的js收集_git ================================
xml保存编码 xml页面指定编码
ANSI  gbk/GBK、gb2312
Unicode  unicode/Unicode
UTF-8  UTF-8
================================

168.XML操作
<xml id="xmldata" src="/data/books.xml">
<div id="guoguo"></div>
常用的js收集_git_34 常用的js收集_html_35 <script> 常用的js收集_javascript_36
常用的js收集_javascript_73 var x=xmldata.recordset //取得数据岛中的记录集
if(x.absoluteposition < x.recordcount) //如果当前的绝对位置在最后一条记录之前
常用的js收集_java_74 常用的js收集_git_75 {
x.movenext();     //向后移动
x.moveprevious();    //向前移动
常用的js收集_javascript_73 x.absoluteposition=1;   //移动到第一条记录
x.absoluteposition=x.recordcount;//移动到最后一条记录，注意记录集x.absoluteposition是从1到记录集记录的个

数的
guoguo.innerText=xmldso.recordset("field_name"); //从中取出某条记录
常用的js收集_xml_37 }
常用的js收集_git </script>

169.动态修改CSS的另一种方式
this.runtimeStyle.cssText = "color:#990000;border:1px solid #cccccc";//

170.正则表达式
匹配中文字符的正则表达式： [\u4e00-\u9fa5]

匹配双字节字符(包括汉字在内)：[^\x00-\xff]

应用：计算字符串的长度（一个双字节字符长度计2，ASCII字符计1）
常用的js收集_git
String.prototype.len=function(){return this.replace([^\x00-\xff]/g,"aa").length;}

匹配空行的正则表达式：\n[\s| ]*\r

匹配HTML标记的正则表达式：/<(.*)>.*<\/\1>|<(.*) \/>/

匹配首尾空格的正则表达式：(^\s*)|(\s*$)

应用：javascript中没有像vbscript那样的trim函数，我们就可以利用这个表达式来实现，如下：
常用的js收集_git
String.prototype.trim = function()
{
    return this.replace(/(^\s*)|(\s*$)/g, "");
}

////////利用正则表达式分解和转换IP地址：

下面是利用正则表达式匹配IP地址，并将IP地址转换成对应数值的Javascript程序：

function IP2V(ip)
{
常用的js收集_git 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函数来分解可能更简单，程序如下：
常用的js收集_git
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- ./?%&=]*)?

常用的js收集_git //////////利用正则表达式去除字串中重复的字符的算法程序：

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

思路是使用后向引用取出包括重复的字符，再以重复的字符建立第二个表达式，取到不重复的字符，两者串连。这个方
常用的js收集_git
法对于字符顺序有要求的字符串可能不适用。

//////////得用正则表达式从URL地址中提取文件名的javascript程序，如下结果为page1

s="http://www.9499.net/page1.htm"
s=s.replace(/(.*\/){0,}([^\.]+).*/ig,"$2")
alert(s)

/////////利用正则表达式限制网页表单里的文本框输入内容：
常用的js收集_git
用正则表达式限制只能输入中文：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,'')"
常用的js收集_git
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,''))"
常用的js收集_git
用正则表达式限制只能输入数字和英文：onkeyup="value=value.replace(/[\W]/g,'')

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

171.设置和使用cookie
<HTML>
<BODY>
设置与读取 cookies 常用的js收集_javascript_36 <BR>
常用的js收集_git 写入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>
常用的js收集_git_34 常用的js收集_html_35 <SCRIPT LANGUAGE="JavaScript"> 常用的js收集_javascript_36
常用的js收集_javascript_73 function Set()
常用的js收集_java_74 常用的js收集_git_75 {
var Then = new Date()
Then.setTime(Then.getTime() + 60*1000 ) //60秒
document.cookie = "Cookie1="+gg.value+";expires="+ Then.toGMTString()
常用的js收集_java_118 }

function Get()
常用的js收集_javascript_36 {
常用的js收集_javascript_73 var cookieString = new String(document.cookie)
var cookieHeader = "Cookie1="
var beginPosition = cookieString.indexOf(cookieHeader)
if (beginPosition != -1)
常用的js收集_java_74 常用的js收集_git_75 常用的js收集_javascript_36 {
  document.all.Textbox.value = cookieString.substring(beginPosition  + cookieHeader.length)
常用的js收集_java_118 }
常用的js收集_javascript_73 else
  document.all.Textbox.value = "Cookie 未找到!"
常用的js收集_xml_37 }
常用的js收集_git </SCRIPT>
</HTML>//

172.取月的最后一天
function getLastDay(year,month)
{
//取年
var new_year = year;
//取到下一个月的第一天,注意这里传入的month是从1～12
var new_month = month++;
//如果当前是12月，则转至下一年
if(month>12)
常用的js收集_git {
  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;//
常用的js收集_git

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;
常用的js收集_git     HttpSession session= pageContext.getSession();
    if (canAccess)
    {
      return EVAL_BODY_INCLUDE;
    }
    else
    {
      return this.SKIP_BODY;
    }
  }
}

175.在web.xml中添加定义
  <taglib>
    <taglib-uri>guoguo</taglib-uri>
常用的js收集_git     <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">
常用的js收集_git <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>
常用的js收集_git    <required>true</required>
            <rtexprvalue>true</rtexprvalue>
  </attribute>
</tag>
</taglib>

177.在使用自定义标签的页面中加入自己定义的标签，
常用的js收集_git_34 常用的js收集_html_35 <% 常用的js收集_javascript_36 @ taglib uri="guoguo" prefix="guoguo" %>
//自己定义标签

178.显示带边框的集
<fieldset style="border:1px gray solid;width:100px">
  <legend>查询条件</legend>
dfdfdf
</fieldset>//

179.【文件(F)】菜单中的命令的实现
常用的js收集_git
1、〖打开〗命令的实现
[格式]:document.execCommand("open")
[说明]这跟VB等编程设计中的webbrowser控件中的命令有些相似，大家也可依此琢磨琢磨。
[举例]在<body></body>之间加入：
<a href="###" onclick=document.execCommand("open")>打开</a>
常用的js收集_git
2、〖使用记事本编辑〗命令的实现
[格式]:location.replace("view-source:"+location)
[说明]打开记事本，在记事本中显示该网页的源代码。
[举例]在<body></body>之间加入：
<a href="###" onclick=location.replace("view-source:"+location)>使用记事本编辑</a>
常用的js收集_git
3、〖另存为〗命令的实现
[格式]:document.execCommand("saveAs")
[说明]将该网页保存到本地盘的其它目录！
[举例]在<body></body>之间加入：
<a href="###" onclick=document.execCommand("saveAs")>另存为</a>

4、〖打印〗命令的实现
[格式]:document.execCommand("print")
常用的js收集_git [说明]当然，你必须装了打印机！
[举例]在<body></body>之间加入：
<a href="###" onclick=document.execCommand("print")>打印</a>

5、〖关闭〗命令的实现
[格式]:window.close();return false
[说明]将关闭本窗口。
[举例]在<body></body>之间加入：
常用的js收集_git <a href="###" onclick=window.close();return false)>关闭本窗口</a>

180.【编辑(E)】菜单中的命令的实现

〖全选〗命令的实现
[格式]:document.execCommand("selectAll")
[说明]将选种网页中的全部内容！
[举例]在<body></body>之间加入：
常用的js收集_git <a href="###" onclick=document.execCommand("selectAll")>全选</a>

181.【查看(V)】菜单中的命令的实现

1、〖刷新〗命令的实现
[格式]:location.reload() 或 history.go(0)
[说明]浏览器重新打开本页。
[举例]在<body></body>之间加入：
<a href="###" onclick=location.reload()>刷新</a>
常用的js收集_git 或加入:
<a href="###" onclick=history.go(0)>刷新</a>

2、〖源文件〗命令的实现
[格式]:location.replace("view-source:"+location)
[说明]查看该网页的源代码。
[举例]在<body></body>之间加入：
<a href="###" onclick=location.replace("view-source:"+location)>查看源文件</a>
常用的js收集_git
3、〖全屏显示〗命令的实现
[格式]:window.open(document.location, "url", "fullscreen")
[说明]全屏显示本页。
[举例]在<body></body>之间加入：
<a href="###" onclick=window.open(document.location,"url","fullscreen")>全屏显示</a>

182.【收藏(A)】菜单中的命令的实现
常用的js收集_git
1、〖添加到收藏夹〗命令的实现
[格式]:window.external.AddFavorite('url', '“网站名”)
[说明]将本页添加到收藏夹。
[举例]在<body></body>之间加入：
<a href="javascript:window.external.AddFavorite('http://oh.jilinfarm.com', '胡明新的个人主页')">添加到收
常用的js收集_git
藏夹</a>

2、〖整理收藏夹〗命令的实现
[格式]:window.external.showBrowserUI("OrganizeFavorites",null)
[说明]打开整理收藏夹对话框。
[举例]在<body></body>之间加入：
<a href="###" onclick=window.external.showBrowserUI("OrganizeFavorites",null)>整理收藏夹</a>
常用的js收集_git
183.【工具(T)】菜单中的命令的实现

〖internet选项〗命令的实现
[格式]:window.external.showBrowserUI("PrivacySettings",null)
[说明]打开internet选项对话框。
[举例]在<body></body>之间加入：
<a href="###" onclick=window.external.showBrowserUI("PrivacySettings",null)>internet选项</a>
常用的js收集_git
184.【工具栏】中的命令的实现

1、〖前进〗命令的实现
[格式]history.go(1) 或 history.forward()
[说明]浏览器打开后一个页面。
[举例]在<body></body>之间加入：
<a href="###" onclick=history.go(1)>前进</a>
或加入:
<a href="###" onclick=history.forward()>前进</a>
常用的js收集_git
2、〖后退〗命令的实现
[格式]:history.go(-1) 或 history.back()
[说明]浏览器返回上一个已浏览的页面。
[举例]在<body></body>之间加入：
<a href="###" onclick=history.go(-1)>后退</a>
或加入:
<a href="###" onclick=history.back()>后退</a>
常用的js收集_git
3、〖刷新〗命令的实现
[格式]:document.reload() 或 history.go(0)
[说明]浏览器重新打开本页。
[举例]在<body></body>之间加入：
<a href="###" onclick=location.reload()>刷新</a>
或加入:
<a href="###" onclick=history.go(0)>刷新</a>

185.其它命令的实现
常用的js收集_git 〖定时关闭本窗口〗命令的实现
[格式]:settimeout(window.close(),关闭的时间)
[说明]将关闭本窗口。
[举例]在<body></body>之间加入：
<a href="###" onclick=settimeout(window.close(),3000)>3秒关闭本窗口</a>

【附】为了方便读者，下面将列出所有实例代码，你可以把它们放到一个html文件中，然后预览效果。
常用的js收集_git <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>
常用的js收集_git <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>
常用的js收集_git <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>
常用的js收集_git <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>
常用的js收集_git <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文档，示例如下。
常用的js收集_git <input type=button value="加载XML文档" onclick="getData('data.xml')" >
常用的js收集_git_34 常用的js收集_html_35 <script language="JavaScript" > 常用的js收集_javascript_36
常用的js收集_java_74 常用的js收集_git_75 function getDatal(url){
常用的js收集_javascript_73 var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");//创建XMLHTTPRequest对象
xmlhttp.open("GET",url,false,"","");//使用HTTP GET初始化HTTP请求
xmlhttp.send("");//发送HTTP请求并获取HTTP响应
return xmlhttp.responseXML;//获取XML文档
常用的js收集_java_118 }
常用的js收集_xml_37 </script >
常用的js收集_git </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");
常用的js收集_git 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>
常用的js收集_git </OPTGROUP>
</SELECT>//

191.加注音
<RUBY>
基准文本
<RT>注音文本
</RUBY>//

192.加删除线
<S>此文本将带删除线显示。</S>//

193.取frame中的event事件
document.frames("workspace").event.keyCode//

194.是弹出方法的定义
String.prototype.trim=function()
常用的js收集_git {
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>";
常用的js收集_git //window.close();
}//

197.加为首页
常用的js收集_git_34 常用的js收集_html_35 <SCRIPT> 常用的js收集_javascript_36
常用的js收集_java_74 常用的js收集_git_75 function fnSet(){
常用的js收集_javascript_73 oHomePage.setHomePage(location.href);
event.returnValue = false;
常用的js收集_xml_37 }
</SCRIPT>
<IE:HOMEPAGE ID="oHomePage" style="behavior:url(#default#homepage)"/>//

198.xml数据岛操作
<HTML>
  <HEAD><Title>HTML中的数据岛中的记录集</Title></HEAD>
常用的js收集_git   <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>
常用的js收集_git   地址：<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>
常用的js收集_git   级别：<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()">
常用的js收集_git   <input id="next" TYPE=button value="下一条记录>" onclick="theXMLisland.recordset.moveNext()">
  <input id="last" TYPE=button value="最后一条记录>>" onclick="theXMLisland.recordset.moveLast()"> 
  <input id="Add" TYPE=button value="添加新记录" onclick="theXMLisland.recordset.addNew()">
常用的js收集_git
  <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>
常用的js收集_git   </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>
常用的js收集_git   <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>
常用的js收集_git   <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数据岛中添加记录
常用的js收集_git

-------------------------------
  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.
常用的js收集_git
documentElement  Returns the document root of the XML document.
childNodes    Returns a node list containing the children of a node (if any).
item     Accesses individual nodes within the list through an index. Index values are zero-based, so
常用的js收集_git
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>
常用的js收集_git   </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>
常用的js收集_git
  </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数据岛中的数据
常用的js收集_git 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");
常用的js收集_git if(data)
alert(data.value);

子窗口
var data=new Object();
data.value1="china";
window.returnValue=data;
window.close();

200.动态设置事件，带参数
<INPUT TYPE="text" NAME="a1">
常用的js收集_git_34 常用的js收集_html_35 <SCRIPT LANGUAGE="JavaScript"> 常用的js收集_javascript_36
常用的js收集_javascript_73 
</SCRIPT>//

201.将url转化为16进制形式
var ret = '';

for(var i=0; i < str.length; i++)
常用的js收集_git {
  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.打开新的窗口并将新打开的窗口设置为活动窗口
常用的js收集_git var newWin=window.open("xxxx");
newWin.focus();//

203.容错脚本
JS中遇到脚本错误时不做任何操作:window.onerror = doNothing;
指定错误句柄的语法为:window.onerror = handleError
function handleError(message, URI, line)
{// 提示用户，该页可能不能正确回应
常用的js收集_git return true; // 这将终止默认信息
}//在页面出错时进行操作

204.JS中的窗口重定向:
window.navigate("http://www.sina.com.cn");//

205.防止链接文字折行
document.body.noWrap=true;//

206.判断字符是否匹配.
string.match(regExpression)//

207.
常用的js收集_git 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;"被包装成了：
常用的js收集_git functoin anonymous()
{
    document.Form.Name.value='test';return false;
}
做为A的成员函数onclick。
而href="javascript:document.Form.Name.value='test';void(0);"相当于执行全局语句，这时如果使用return语句会

报告在函数外使用return语句的错误。
常用的js收集_git

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来控制隔行显示不同颜色
常用的js收集_git_34 常用的js收集_html_35 <style> 常用的js收集_javascript_36
常用的js收集_java_74 常用的js收集_git_75 tr{}{
常用的js收集_javascript_73 bgcolor:expression(this.bgColor=((this.rowIndex)%2==0 )? 'white' : 'yellow');
常用的js收集_xml_37 }
</style>
<table id="oTable" width="100" border="1" style="border-collapse:collapse;">
<tr><td> </td></tr>
<tr><td> </td></tr>
常用的js收集_git <tr><td> </td></tr>
<tr><td> </td></tr>
<tr><td> </td></tr>
</table>//

211.全屏最大化
newwindow=window.open("","","scrollbars")
if (document.all)
{
newwindow.moveTo(0,0)
newwindow.resizeTo(screen.width,screen.height)
}//

212.根据名字解析xml中的节点值
常用的js收集_git 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
常用的js收集_git //

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">//
常用的js收集_git
217.判断一个方法是否存在
function pageCallback(response){
alert(response);
}
if(pageCallback)
alert(1)//

218.判断一个变量是否定义
if(typeof(a)=="undefined")
{
alert()
}//

219.javascript执行本机的可执行程序,需设置为可信或者降低IE安全级别
常用的js收集_git_34 常用的js收集_html_35 <script> 常用的js收集_javascript_36
常用的js收集_java_74 常用的js收集_git_75 function exec (command) {
常用的js收集_javascript_73     window.oldOnError = window.onerror;
    window._command = command;
    window.onerror = function (err) {
      if (err.indexOf('utomation') != -1) 常用的js收集_javascript_36 {
        alert('命令已经被用户禁止！');
常用的js收集_javascript_73         return true;
常用的js收集_java_118       }
      else return false;
    };
    var wsh = new ActiveXObject('WScript.Shell');
    if (wsh)
      wsh.Run(command);
    window.onerror = window.oldOnError;
常用的js收集_xml_37   }
常用的js收集_git </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",
常用的js收集_git
"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" autocomplete="off">
常用的js收集_git <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.在方法中定义全局变量
常用的js收集_git function globalVar (script) {
        eval（script);//all navigators
  //window.execScript(script); //for ie only
}
globalVar('window.haha = "../system";');
alert(haha);//在方法中定义全局变量，其中的haha就是全局变量了

223.显示一个对象的全部的属性和属性的值
常用的js收集_git 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()"><div id="aa"></div>
常用的js收集_git_34 常用的js收集_html_35 <SCRIPT LANGUAGE="JavaScript"> 常用的js收集_javascript_36
常用的js收集_javascript_73 
</SCRIPT>
</BODY>//

226.获得对象类型
switch (object.constructor){
   case Date:
    常用的js收集_javascript_36
常用的js收集_git    case Number:

   case String:

   case MyObject:

   default:

}//

227.图片加载失败时重新加载图片
<img src="aa.gif" onerror="this.src='aa.gif'">//

228.
//font_effect.htc
<PUBLIC:ATTACH EVENT="onmouseover" ONEVENT="glowit()" />
常用的js收集_git <PUBLIC:ATTACH EVENT="onmouseout" ONEVENT="noglow()" />
常用的js收集_git_34 常用的js收集_html_35 <SCRIPT LANGUAGE="JScript"> 常用的js收集_javascript_36
常用的js收集_javascript_73 //定义一个保存字体颜色的变量
var color;
function glowit()
常用的js收集_java_74 常用的js收集_git_75 {
color=element.style.backgroundColor;
element.style.backgroundColor='white'
常用的js收集_java_118 }
function noglow()
常用的js收集_javascript_36 {
常用的js收集_javascript_73   element.style.backgroundColor=color
常用的js收集_xml_37 }
常用的js收集_git </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>
常用的js收集_git <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>")
常用的js收集_git }//

231.自动关闭网页
常用的js收集_git_34 常用的js收集_html_35 <script LANGUAGE="javascript"> 常用的js收集_javascript_36
常用的js收集_javascript_73 
</script>
<p align="center">本页10秒后自动关闭,请注意刷新页面</p>