一般的な JavaScript コーディング手法のコレクション_フォーム効果-jsチュートリアル-php.cn

1. テキストボックスのフォーカスの問題
onBlur: このイベントは、入力フォーカスが失われたときに生成されます
onFocus: 入力がフォーカスを獲得すると、ファイルが生成されます
Onchange: テキスト値が変更されると、このイベントを生成します
選択時: テキストが強調表示されたら、このファイルを生成します
テキストはクリックすると消え、フォーカスを失うと再び表示されます
2. Web ボタンの特殊機能 Color
style="background-color:rgb(235,207,22) ">
3. マウスが出入りすると色が変わります
onMouseOver =this.style.color="red" class="button">
4. フラットボタン

5. ボタンの色の変更

6. フラット入力ボックス

7. ウィンドウを指定したサイズ

8. テキストを上下にスクロールします
height=60>

共和国<script> <BR>window.resizeTo(300,283); <BR></script>

9.状态栏显示该页状态

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

情侣 : 一次注册两个帐户

11.可以在文字域的font写onclick事件
12.打印
打印网页
13.线型输入框
class="line">
14.显示文档最后修改日期

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

link

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

background.html

<script> <BR> <BR></script>

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非空的选项时转向指定连接

31.改变背景颜色
onmouseout="this.bgColor='#FAFBFC';">
32.改变文字输入框的背景颜色

33.改变水平线的特征

34.传递参数的方式
8
35.页内跳转
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. 双線にするために、トップ面上の接続の形式を変更できます

A:link {text-decoration: none;色:#0000FF; font-family: 宋体} A:visited {text-decoration: none;色: #0000FF; font-family: 宋体}
A:hover {text-decoration: 下線上線; color: FF0000}

A:link {text-decoration: none;色:#0000FF; font-family: 宋体} A:visited {text-decoration: none;色: #0000FF; font-family: 宋体}
A:hover {text-decoration: 下線上線改行;カラー: FF0000}
TH{FONT-SIZE: 9pt} TD{FONT-SIZE: 9pt}
ボディ {SCROLLBAR-FACE-COLOR: #A9D46D;スクロールバー-ハイライト-カラー: #e7e7e7;スクロールバー-シャドウ-カラー:#e7e7e7; スクロールバー-3Dライト-カラー: #000000;行の高さ: 15pt;スクロールバーの矢印の色: #ffffff;
SCROLLBAR-TRACK-COLOR: #e7e7e7;}
INPUT{BORDER-TOP-WIDTH: 1px;パディング右: 1px;パディング左: 1px;ボーダーの左の幅: 1px;フォントサイズ:
9pt;ボーダー左の色: #cccccc;
ボーダーの下の幅: 1px;ボーダーの下の色: #cccccc;パディングボトム: 1px;ボーダートップカラー: #cccccc;
パディングトップ: 1px;高さ: 18ピクセル;ボーダーの右幅: 1px; BORDER-RIGHT-COLOR: #cccccc}
DIV,form ,OPTION,P,TD,BR{FONT-FAMILY: 宋体; FONT-SIZE: 9pt}
テキストエリア、{border-width: 1; を選択します。境界線の色: #000000;背景色: #efefef;フォントファミリー: 宋体;
フォントサイズ: 9pt; font-style: 太字;}
.text { font-family: "宋体";フォントサイズ: 9pt;色: #003300;ボーダー: #006600 ソリッド; border-width: 1px 1px
1px 1px}
完全なcss
50.新建frame
href="javascript:newframe('http://www .163.net/help/a_little/index.html','http://www.163.net/help/a_little
/a_13.html')">

51.向文件中写内容
String str = "print me"; //常にルートからのパスを指定します。この方法では、ほぼ常に機能します。
String nameOfTextFile = "/usr/anil/imp.txt"; 試してください
{ PrintWriter pw = new PrintWriter(new FileOutputStream(nameOfTextFile));
pw.println(str); //クリーンアップ
pw.close(); }
catch(IOException e)
{ out.println(e.getMessage());
}
%>
52.先读文再文件

 eryrytry int count=0;
FileInputStream fi =new FileInputStream ("count.txt");

FileOutputStream fo =new FileOutputStream ("count.txt");
ObjectOutputStream so= new ObjectOutputStream (fo);
so.writeInt(count);
so.close();
%>
53.直線型输入框
54.背景を変更することができます。 onmouseout=this.className='mouseout';>
color="#000000">录音笔

。 Mouseoverbt {

background-image: url(file:///c|/">

// 85.当前画面の分辨率 screen.width、screen .height//

86.設定表格内の内容
tbl.rows[0].cells[1].innerText=document.form.text1.value;//

87.本地快捷键

网上邻居