200多个js技巧代码(二)

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.可以直接在页面“div”内写下所需内容 <INPUT TYPE="button" onclick="a1.innerHTML='<font color=red>*</font>'"><div id=a1></div>// 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="http://bjpic.163.net/images/mail/button-help.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(http://www.yongle.com.cn/img/btbgw64h20y.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的代码，其思想是当鼠标停留是将div中的内容显示在鼠标出，当鼠标移出后在将该div隐

藏掉
---------------------------------------------------------------------------------------------------------

------------
<!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.getElementById("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.getElementById("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>
<div id=hint style="display:none"></div>
</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.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;改变父窗口的域的值

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("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>