百大javascript技巧

来源:百度文库 编辑:神马文学网 时间:2024/04/27 13:47:25
1.文本框焦点问题
onBlur:当失去输入焦点后产生该事件
onFocus:当输入获得焦点后,产生该文件
Onchange:当文字值改变时,产生该事件
Onselect:当文字加亮后,产生该文件 点击时文字消失,失去焦点时文字再出现
2.网页按钮的特殊颜色
3.鼠标移入移出时颜色变化
4.平面按钮
5.按钮颜色变化
6.平面输入框
7.使窗口变成指定的大小
8.使文字上下滚动




共和国
       
9.状态栏显示该页状态
10.可以点击文字实现radio选项的选定


    

11.可以在文字域的font写onclick事件12.打印打印网页
13.线型输入框
14.显示文档最后修改日期
15.可以在鼠标移到文字上时就触发事件





link

16.可以根据网页上的选项来确定页面颜色


 background.html



Changing Background Colors


 

 
 


17.将按钮的特征改变

  本例按钮的代码如下:
18.改变按钮的图片.

  本例的按钮代码如下:
19.打印页面
20.可以直接写html语言
document.write("");21.改变下拉框的颜色
guoqiang9985925.layer2为组件的ID,可以控制组件是否可见
document.all.item('Layer2').style.display = "block";
document.all.item('Layer2').style.display = "none";//26.将页面加入favorite中
// 27.过10秒自动关闭页面
< script language="JavaScript" >
function closeit() {
setTimeout("self.close()",10000)
}
< /script >28.可以比较字符的大小
char=post.charAt(i);
if(!('0'<=char&&char<='9'))29.将字符转化为数字
month = parseInt(char)30.点击value非空的选项时转向指定连接
 31.改变背景颜色
32.改变文字输入框的背景颜色

33.改变水平线的特征

34.传递参数的方式
835.页内跳转
1
2
3
4
5
6
7
dfdf
dfdf//36.两个按键一起按下
if(event.ctrlKey && window.event.keyCode==13)//37.刷新页面
javascript:this.location.reload()//38.将网页的按钮使能




39.文字移动
40.双击网页自动跑
//41.后退
42.前进
43.刷新
44.转向指定网页
document.location=http://blog.csdn.net/lxs5i5j/archive/2007/01/22/"http://ww"或者document.location.assign(http://blog.csdn.net/lxs5i5j/archive/2007/01/22/"http://guoguo.com")45.在网页上显示实时时间
//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”内写下所需内容

//49.可以改变页面上的连接的格式,使其为双线
完整的css
50.新建frame
帮助http://bjpic.163.net/images/mail/button-help.gif">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.直线型输入框
54.可以将背景改为按钮性状,通过改变css改变属性
录音笔
';
contents+='你要关闭我吗';
contents+='';
contents+='';
contents+='
';
contents+='你要关闭我吗?
';
contents+='...关闭';
contents+='全是关闭';
contents+='
';
showModalDialog("about:"+contents+"","","dialogHeight:50px;dialogWidth:250px;help:no;status:no")
document.write(contents);
//90.取第x,y的值
//91.向新打开的网页上写内容
newwin=window.open('about:blank','','top=10');
newwin.document.write('');//93.返回
javascript:history.go(-2);//94.将页面上选中的内容复制到剪贴板
abcdefg
//
95.将页面上选中的内容复制到剪贴板
kjhkjhkhkj////96.鼠标移到下拉框时自动全部打开
//97.获得本机的文件
var fso = new ActiveXObject("Scripting.FileSystemObject");
var f1 = fso.GetFile("C:\\bsitcdata\\ejbhome.xml");
alert("File last modified: " + f1.DateLastModified); //98.判断客户端是否是IE浏览器
因为 document.all 是 IE 的特有属性,所以通常用这个方法来判断客户端是否是IE浏览器 ,document.all?1:0;99.创建新的下拉框选项
new Option(text,value)这样的函数//100.在页面上画柱状图



%12
4人


%12
4人
// 101.饼图













asp技术

php

jsp

c#写的.netWEB程序

vb.net写的.netWEB程序

xml技术

 
 
  
 
 
 

//102.是一个特殊的容器,想装个网页都行
//button 103.外部的html代码
event.srcElement.outerHTML//104.标识当前的IE事件的触发器
event.srcElement和event.keyCode//105.事件类型
event.type//106.动态改变类型

//107.页面翻转
//