• 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- 0; border-right- 0;

    border-top- 0; border-bottom-style: solid; border-bottom- 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{
     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>


  • 相关阅读:
    苹果新政,禁止开发者在App中加入检查更新功能
    Xcode 的正确打开方式——Debugging(转)
    AlertView + Block 的使用
    iOS 中Window优先级的问题
    iOS加载启动图的时候隐藏statusbar + 指定启动图显示多少秒
    eclispe+axis2+webservice入门
    Eclispe远程调试tomcat设置
    华为入职培训小计
    Java面试题总结 from Baidu 网易 阿里
    使用MyEclipse 9.0 创建 struts2 的HelloWorld 工程
  • 原文地址:https://www.cnblogs.com/xiaoluo501395377/p/2736280.html
Copyright © 2020-2023  润新知