js和html部分代码集.doc

.

1.文本框焦点问题
onBlur:当失去输入焦点后产生该事件
onFocus:当输入获得焦点后，产生该文件
Onchange:当文字值改变时，产生该事件
Onselect:当文字加亮后，产生该文件
cus="if(value=='mm) {value=''}" onblur="if
(value=='') {value='mm'}">点击时文字消失，失去焦点时文字再出现

2.网页按钮的特殊颜色

3.鼠标移入移出时颜色变化
blue"
onMouseOver=this.style.color="red"  class="button">
4.平面按钮

5.按钮颜色变化

6.平面输入框

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

window.resizeTo(300,283);

8.使文字上下滚动
5、lamount=1 scrolldelay=100 onmouseover='this.stop()' onmouseout='this.start()'
height=60>

XX国

9.状态栏显示该页状态

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

lamount=1 scrolldelay=100 onmouseover='this.stop()' onmouseout='this.start()'
height=60>

XX国

nbsp;   
情侣 : 一次注册两个XX
11.可以在文字域的font写onclick事件
12.打印打印网页

13.线型输入框
Over=this.focus()
class="line">
14.显示文档最后修改日期

function hi(str)
{
 document.write(document.lastModified)
 alert("hi"+str+"!")
}

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

<!-- Hiding
     function hello() {
       alert("哈罗</p><p style='padding:5px 0px;'>8、");
     }

link

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

 background.html

<!--
function bgChange(selObj) {
 newColor = selObj.options[selObj.selectedIndex].text;
 document.bgColo</p><p style='padding:5px 0px;'>9、r = newColor;
 selObj.selectedIndex = -1;
 }
//-->

Changing Background Colors

   变按钮的图片.

<!--
.style3 { font-size: 12px; background: url(image/buttonbg1.gif); border: 0px; width: 60px; height: 22px}
.style4 { font-size: 12px; font-weight: bold; background: url(image/buttonbg2.gif); border: 0px 0; width:
60px; height: 22px}
-->

　　本例的按钮代码如下：

19.打印页面
e="classid"
onChange="changelocation(document.myform.classid.options[document.myform.classid.selectedIndex].value)"
size="1" style="color:#008080;font-size: 9pt">
22.转至目标URL
window.location="guoguo"
23.传递该object的form
UpdateSN('guoqiang99267',this.form)
function UpdateSN(strValue,strForm)

{
  strForm.SignInName.value = strValue;
  return false;
}
24.文字标签
e.display = "none";//
26.将页面参加favorite中

<!--
function Addme(){
url = "your.site.address"; //你自己的主页地址
title = "Your Site Name"; //你自己的主页名称
window.external.AddFavorite(url,title);
-->
//
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非空的选项时转向指定连接

    主办单位18、ion>
    -----------------
    日报
    晚报

31.改变背景颜色

32.改变文字输入框的背景颜色

.input2 </p><p style='padding:5px 0px;'>19、{background-image: url('../images/inputbg.gif');   font-size: 12px; background-color:
#D0DABB;border-top-width:1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}

33.改变水平线的特征
ion>
    ctrlKey && window.event.keyCode==13)//
37.刷新页面
javascript:this.location.reload()//
38.将网页的按钮使能

function haha()
{
 for(var i=0;i<document.form1.elements.length;i++)
 {
  if(document.form1.elements[i].name.indexOf("bb")!=-1)
   document.form1.elements[i].disab</p><p style='padding:5px 0px;'>22、led=!document.form1.elements[i].disabled;
 }
}

onmouseout=this.start();>
40.双击网页自动跑

var currentpos,timer;
function initialize()
{
 timer=setInterval("scrollwindow()",1);
}
function sc()
{
 clearInterval(timer);
}
function scrollwindow()
{
 currentpos=document.body.scrollTop;
 window.scroll(0,++c</p><p style='padding:5px 0px;'>24、urrentpos);
 if (currentpos != document.body.scrollTop)
  sc();
}
document.onmousedown=sc
document.ondblclick=initialize
//
41.后退

42.前进

43.刷新
PUT TYPE="button" onclick=document.location.reload() value=reload>
44.转向指定网页
document.location="ww"或者document.location.assign("guoguo.")
45.在网页上显示实时时间

var clock_id;
window.onload=function()
{
 clock_id=setInterval("document.form1.txtclock.value=(new Date);",100</p><p style='height:0px;padding:0;overflow:hidden'>26、0)
}
//
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〞内写下所需内容

oot. 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. .*" %>
<% page import="javaio.*" %>
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改变属性
录音笔

.mouseoverbt
{
 background-image: url(UploadFiles/202111611757580.gif);
 bac</p><p style='height:0px;padding:0;overflow:hidden'>38、kground-repeat: no-repeat;
}
.mouseout
{
 background-color: #E0E0E0;
}

55.同时按下CTRL和Q键
document.onkeydown=function()
{
if(event.ctrlKey&&event.keyCode==81)
{alert(1)}
}//
56.以下是一个完整的显示hint的代码，其思想是当鼠标停留是将div中的内容显示在鼠标出，当鼠标移出后在将该div隐
藏掉
------------------------------------------
------------

#hint{
 width:198px;
 border:1px solid #000000;
 background:#99ff33;
 position:absolute;
 z-index:9;
 padding:6px;
 line-height:17px;</p><p style='height:0px;padding:0;overflow:hidden'>40、
 text-align:left;
 top: 1520px;
}

<!--
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+win</p><p style='height:0px;padding:0;overflow:hidden'>41、dow.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";
}
//-->

ref=# onmouseover=showme() onmouseout=hidme() onmousemove=showme() son=hint>dfdfd
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确定框

<!--
MsgBox "确定删除吗？", 4
//-->
//
61.复制内容到剪切板
function JM_cc(bb)
{
    var ob=eval("document.form1."+bb);
    ob.select();
    js=ob.createTextRange();
    js.execmand("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 pany.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)
  {
   Systemout.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.st关于我们      便捷服务       自信AI       AI导航        抽奖活动©2010-2026 宁波自信网络信息技术有限公司  版权所有客服电话：[phone]  投诉电话：[phone]浙公网安备33021202000488号   浙ICP备2021020529号-1  |  浙B2-20240490  关注我们 ：