现在的位置: 首页 > 综合 > 正文

js技巧收集(200多个)

2013年05月18日 ⁄ 综合 ⁄ 共 6865字 ⁄ 字号 评论关闭

导读:

  1.文本框焦点问题

  

  

  onBlur:当失去输入焦点后产生该事件

  

  

  onFocus:当输入获得焦点后,产生该文件

  

  

  Onchange:当文字值改变时,产生该事件

  

  

  Onselect:当文字加亮后,产生该文件

  

  

  

  

  

  (value==') {value='郭强'}">点击时文字消失,失去焦点时文字再出现

  

  

  

  

  

  

  2.网页按钮的特殊颜色

  

  

  

  

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

  

  

  

  3.鼠标移入移出时颜色变化

  

  

  

  

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

  

  

  

  4.平面按钮

  

  

  

  

  

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

  

  

  

  5.按钮颜色变化

  

  

  

  

  

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

  

  

  

  6.平面输入框

  

  

  

  

  

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

  

  

  

  

  

  

  

  8.使文字上下滚动

  

  

  

  

  height=60>

  

  

  

  

  

  

  

  共和国

  

  

  

  

  

  

  

  9.状态栏显示该页状态

  

  

  

  

  

  10.可以点击文字实现radio选项的选定

  

  

  

      

  

  

  

  

  

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

  

  

  

  

  12.打印打印网页

  

  

  

  

  

  13.线型输入框

  

  

  

  

  class="line">

  

  

  

  14.显示文档最后修改日期

  

  

  

  

  

  

  

  15.可以在鼠标移到文字上时就触发事件

  

  

  

  

  

  

  

  

  

  

  

  Changing Background Colors

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  17.将按钮的特征改变

  

  

  

  

  

  

  本例按钮的代码如下:

  

  

  

  

  

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

  

  

  

  

  18.改变按钮的图片.

  

  

  

  

  

  

  本例的按钮代码如下:

  

  

  

  

  

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

  

  

  

  19.打印页面

  

  

  

  

  

  20.可以直接写html语言

  

  

  document.write("");

  

  

  

  

  21.改变下拉框的颜色

  

  

  

  

  

  >guoqiang99859

  

  

  

  25.layer2为组件的ID,可以控制组件是否可见

  

  

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

  

  

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

  

  

  

  

  26.将页面加入favorite中

  

  

  

  //

  

  

  

  

  27.过10秒自动关闭页面

  

  

  

  function closeit() {

  

  

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

  

  

  }

  

  

  

  

  

  28.可以比较字符的大小

  

  

  char=post.charAt(i);

  

  

  if(!('0'
  

  

  

  29.将字符转化为数字

  

  

  month = parseInt(char)

  

  

  

  30.点击value非空的选项时转向指定连接

  

  

  

  

  

  

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

  

  

  

  54.可以将背景改为按钮性状,通过改变css改变属性

  

  

  

  

  onmouseout=this.className='mouseout';>  

  

  

  color="#000000">录音笔

  

  

  

  

  

  

  

  55.同时按下CTRL和Q键

  

  

  document.onkeydown=function()

  

  

  {

  

  

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

  

  

  {alert(1)}

  

  

  }//

  

  

  

  

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

  

  

  

  

  藏掉

  

  

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

  

  

  

  

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

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  

  dfdfd

  

  

  

  

  

  

  

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

  

  

  

  

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

  

  

  

  

  57.弹出窗口

  

  

  方法一: 浏览器读页面时弹出窗口;

  

  

  方法二: 浏览器离开页面时弹出窗口;

  

  

  方法三:用一个连接调用:打开一个窗口

  

  

  注意:使用的"#"是虚连接。

  

  

  方法四:用一个按钮调用: 何时装载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确定框

  

  

  

  //

  

  

  

  

  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.禁止选择页面上的文字来拷贝

  

  

  

  

  

  //

  

  

  

  

  72.屏蔽右键菜单

  

  

  oncontextmenu="event.returnValue = false"//

  

  

  

  

  73.事件禁止起泡

  

  

  event.cancelBubble = true//

  

  

  

  

  74.禁止在输入框打开输入法

  

  //

  

  

  

  

  75.屏蔽汉字和空格

  

  //

  

  

  

  

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

  

  

  function Exists(filespec)

  

  

  {

  

  

  if (filespec)

  

  

  {

  

  

  var fso;

  

  

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

  

  

  alert(fso.FileExists(filespec));

  

  

  }

  

  

  }

  

  

  选择图片

  

  //

  

  

  

  

  77.获得当前的文本框选中的文字

  

  //

  

  

  

  

  78.跳转至目标页面,同时不可返回

  

  sohu.com//

  

  

  

  

  

  

抱歉!评论已关闭.