1. テキスト ボックスのフォーカスの問題
onBlur: このイベントは、入力フォーカスが失われたときに生成されます。
Onchange: テキスト値が変更されると、このイベントが生成されます。
選択時: テキストが強調表示された後、ファイルが生成されます
テキストはクリックすると消え、フォーカスを失うと再び表示されます
2. 特別な色Web ボタンの
style="background-color:rgb(235,207,22)">
3. マウスが出入りすると色が変わります
onMouseOver=this.style.color="red" class="button ">
4. フラット ボタン
BACKGROUND-COLOR: #F4F4FF; color:#ff6600" size="15" maxlength="16">
6. フラット入力ボックス
7. ウィンドウを指定したサイズにします
<script></p> <p>window.resizeTo(300,283);</p> <p></script>
8. テキストを上下にスクロールさせます
<マーキー方向=上 スクロール量=1 スクロール遅延=100 onmouseover='this.stop()' onmouseout='this.start()'
height=60>
本例按钮的代码如下:
onmouseout="this.className='style1'" class="style1" >
18.改按钮的画像.
例文的按钮代码如下:
onmouseout="this.className='style3'" class="style3">
19.打印页面
20.直接写せるhtml语言
document.write("");
21.改变下拉框的颜色
31.改变背景颜色
onmouseout="this.bgColor='#FAFBFC';">
32.改变文字输入框的背景颜色
.input2 {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.改变水平线的特征
34.传递参数的方式
35.页内跳转
dfdf//
36.两个按键一起按下
if(event.ctrlKey && window.event.keyCode==13)//
37.刷新页面
javascript:this.location.reload()//
38.将网页的按钮使能
function haha()
{
for(var i=0;i { if(document.form1.elements[i].name.indexOf("bb")!=-1) document.form1.elements[i].disabled=!document.form1.elements[i].disabled; } }
39.文字移动
40.双击网页自动跑
var currentpos,timer;
function initialize()
{
timer=setInterval("scrollwindow()",1);
}
function sc()
{
clearInterval(timer);
}
function scrollwindow()
{
currentpos=document.body.scrollTop;
window.scroll(0,++currentpos);
if (currentpos != document.body.scrollTop)
sc();
}
document.onmousedown=sc
document.ondblclick=initialize
//
41.后退
42.前进
43.刷新
44.转向指定网页
document.location="http://ww"或者document.location.assign("http://guoguo.com")
45.在网页上显示实时时间
var clock_id;
window.onload=function()
{
clock_id=setInterval("document.form1.txtclock.value=(new Date);",1000)
}
//
46.可以下载文件
document.location.href="http://www.php1.cn/">
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 color:#0000FF; -family:宋体}
A:visited {text-decoration: none; color: #0000FF; font-family: 宋体}
A:hover {text-decoration: underline color: FF0000}
style>
A:link {text-decoration: none; color: #0000FF; font-family: 宋体}
A:visited {text-decoration: none; font-family : 宋体}
A:hover {text-decoration: 下線 上線 線引き; color: FF0000}
TH{FONT-SIZE: 9pt}
TD{FONT-SIZE: 9pt}
body {スクロールバーフェイスカラー: #A9D46D; スクロールバーハイライトカラー: #e7E7E7;
ロールバー-Rarrow-COLOR : # ffffff;
スクロールバー-トラック-カラー: #e7e7e7;}
INPUT{ボーダー-上-幅: 1 ピクセル; パディング-左: 1 ピクセル; 1px; フォントサイズ:
9pt; ボーダー左の色: #cccccc; ボーダーの下の色: #cccccc; COLOR: #cccccc;PADDING-TOP: 1px; BORDER-RIGHT-WIDTH: 1px; BORDER-RIGHT-COLOR: #cccccc}
DIV,form,OPTION,P,TD,BR{ FONT- FAMILY: FONT-SIZE: 9pt}
textarea、{border-width: 1; border-color: #efefef; font-family: 宋体;
font-サイズ: 9pt; フォントスタイル: 太字;}
.text { フォントファミリー: "宋体"; フォントサイズ: #003300; ボーダー幅: 1px 1px
1px 1px}
完全なCSS
50。新しいフレーム
href="http://www.php1.cn/"> /a_13.html')">
51. ファイルにコンテンツを書き込みます
<%@ page import="java.io.*" %>
<%
String str = "print me";
//常にパスを指定しますこの方法では、ほとんどの場合うまくいきます。
String nameOfTextFile = "/usr/anil/imp.txt";
try
{
PrintWriter pw = new PrintWriter(new FileOutputStream(nameOfTextFile));
pw . println(str);
//クリーンアップ
pw.close();
}
catch(IOException e)
{
out.println(e.getMessage());
}
%> ;
<%@ ページ インポート ="java.util.*" %>
<%@ ページ インポート ="java.lang.*" %>
<%@ ページ インポート="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= 新しい 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を変更することで背景をボタンの形状に変更したり、属性を変更したりできます
onmouseout=this.className='mouseout';>
color="#000000">レコーダー
.mouseoverbt
{
background-image: url(http://www.yongle.com.cn/img/btbgw64h20y.gif);
background-repeat: no-repeat;
}
.mouseout
{
背景色 : #E0E0E0;
}
55. CTRL キーと Q キーを同時に押します
document.onkeydown=function()
{
if(event.ctrlKey&&event. keyCode== 81)
{アラート(1)}
}//
56.以下是一个完整的显示hint的代码,其思想是当鼠标停留是将div中的内容显示在鼠标出,当鼠标移出后在将该div隐
藏掉
---------------------------------------------------------------------------------------------------------
------------
#hint{
width:198px;
border:1px solid #000000;
background:#99ff33;
position:absolute;
z-index:9;
padding:6px;
line-height:17px;
text-align:left;
top: 1520px;
}
--------------------------------- -------------------------------------------------- ---------------------
---------------------
57. ポップアップウィンドウ
方法 1 :
ブラウザがページを読み込むとウィンドウがポップアップします方法 2:
; ブラウザがページを離れるとウィンドウが表示されます。注: 「#」は使用されます。は仮想接続です。
方法 4: ボタンを使用して呼び出します: スクリプトをいつロードするか
58.フォントサイズ
function doZoom(size)
{
document.getElementByIdx_x('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 OK ボックス
//
61. コンテンツをクリップボードにコピーします
関数JM_cc(bb)
{
var ob=eval_r ("document.form1."+bb);
ob.select();
js=ob.createTextRange();
js.execCommand("Copy");
}//
62 データを取得するために Java でデータベース接続を確立します
public void init()
{
String url="jdbc:odbc:javadata";
try
{
クラス。 forName("sun.jdbc.odbc. JdbcOdbcDriver");
Connection con=DriverManager.getConnection(url,"sa","");//mssql データベース ユーザー SA とパスワード
DatabaseMetaData dma=con.getMetaData() ;
System.out.println( "接続先"+dma.getURL());
System.out.println(";ドライバー "+dma.getDriverName());
System.out.println(" ;バージョン "+dma.getDriverVersion() );
System.out.println("");
ステートメント 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);// 代わりに、 Paint() で表示することも、AWT などを使用することもできます。
rs.close();
stmt.close();
con.close();
}
catch(SQLException ex)
{
System.out.println("! !!SQL 例外 !!!");
while(ex!=null)
{
System.out.println("SQLState:"+ex.getSQLState()) ;
System.out.println( "メッセージ:"+ex.getMessage());
System.out.println("ベンダー:"+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");ナビゲーター。 reference("browser.startup.homepage", location .href);}// 67. お気に入りに設定function addFav(){ if(ie) window.external.AddFavorite( location.href,'WWW.OGRISH.COM: グロテスクな映画と写真'); if(ns)alert("ブックマークありがとうございます!/n/nNetscape ユーザーは [OK] をクリックしてから CTRL-D を押してください");} // Cookieが利用可能かどうかnavigate.// var color = showModalDialog("/mailpage/compose/colorsel.html",0,"help=0");if (color != null){ document.compose.bgcolor.value = color;
}
}//
70.小数点第2位を切り捨てる
var a=3454545.4454545;
alert(a.toFixed(2));//
71 .disable 選択ページのテキスト
<script></p> <p>function noEffect() {</p> <p> with (event) {</p> <p> returnValue = false;</p> <p> cancelBubble = true </p> <p> }</p> <p> return;</p> <p>}</p> <p>< > ;</p><p><body onselectstart="noEffect()" oncontextmenu="noEffect()">//</p> <p> </p> <p>72. 右クリックメニューをシールドします</p> <p>oncontextmenu="event.returnValue = false"//</p> <p> </p> <p>73. イベントバブリングを無効にする</p> <p>event.cancelBubble = true//</p> <p> </p> <p>74. 入力ボックスで入力メソッドを開くことを無効にする</p> <p><input style="ime-mode:disabled">// </p> <p> </p> <p>75. 中国語の文字とスペースをブロックします</p> <p><input name="txt"><input type="submit" onClick="alert(!/[^ -}]|/s/.test() txt.value ; "Scripting.FileSystemObject");</p><p>alert(fso.FileExists(filespec));</p><p>}</p><p>}</p><p>画像を選択<input type=file name=f1><p></p> <p>< input type= "submit" onClick="Exists(f1.value)">//</p> <p> </p> <p>77. 現在のテキスト ボックスで選択されているテキストを取得します</p> <p><input onmouseup="alert(document.selection.createRange) ().text )" value=123>//</p> <p> </p> <p>78. 目的のページにジャンプして戻れません</p> <p><a href="http://www.php1.cn/"></p> <p> </p> <p> </p> <p> 79. 現在の行がテーブルのどの行であるかを取得する </p> <p><script></p> <p>function getrow(obj)</p> <p>{</p> <p> if(event.srcElement.tagName=="TD"){</p> <p> curRow =event.srcElement.parentElement;</p> <p>alert("これは "+(curRow.rowIndex+1)+" 行です");</p> <p> </p> <p> }</p> <p>}</p> <p></script>
< ;表の境界線 ="1" width="100%" onclick=getrow(this)>
< ;tr>
width="20%">
//
80. テーブルの特定の行を削除します。xx は特定の行を表します。インデックスは 0
document.all.myTable から計算されます。 deleteRow(xx)//
81. テーブルに行を動的に追加します
function add()
{
t1.insertRow().insertCell().innerHTML = '>';
}//
82.event.x、event.clientX、event.offsetX 違い:
x: ターゲットイベントを基準としたマウスの設定または取得 X 座標上の親要素の外枠の位置。 clientX: スクロール バーを除く、クライアント領域を基準とした x 座標位置がテキスト領域です。 offsetx: ターゲット イベントの親要素の内部境界を基準とした x 座標上のマウスの位置を設定または取得します。
screenX: ユーザー画面を基準にします。
83.どれがマウスボタンであるかを表示
マウスをクリックして //
84.C ドライブを開きます
< ; form action="file:///c|/">input type="submit" value="c:/ drive">//
85。現在の画面レート
screen.width, screen.height//
86. テーブル
tbl.rows[0].cells[1].innerText=document.form.text1.value; の内容を設定します。 //
87. ローカル ショートカット キー
target="_blank">コントロール パネル
onmouseover='javascript:show(this);' onmouseout='javascript:hide(this);' href="http://www.php1.cn/"> CoordSize='10,10' ストロークカラー='白' fillcolor='#ffff33'>
onmouseover='javascript:show(this);' onmouseout='javascript:hide(this);' href="http://www.php1.cn/"> CoordSize='10,10' ストロークカラー='白' fillcolor='#ff9933'>
onmouseover='javascript:show(this);' onmouseout='javascript:hide(this);' href="http://www.php1.cn/"> CoordSize='10,10' ストロークカラー='白' fillcolor='#3399ff'>
onmouseover='javascript:show(this);' onmouseout='javascript:hide(this);' href="http://www.php1.cn/"> CoordSize='10,10' ストロークカラー='白' fillcolor='#99ff33'>
onmouseover='javascript:show(this);' onmouseout='javascript:hide(this);' href="http://www.php1.cn/"> CoordSize='10,10' ストロークカラー='白' fillcolor='#ff6600'>
onmouseover='javascript:show(this);' onmouseout='javascript:hide(this);' href="http://www.php1.cn/"> CoordSize='10,10' ストロークカラー='白' fillcolor='#ff99ff'>
style='fontsize:2'>asp技术
style='fontsize:2'>php
style='fontsize:2'>jsp
style='fontsize:2'>c#写的.netWEB程序
写的.netWEB程序
102。これは特別なコンテナです。必要に応じて Web ページをインストールできます
//button
103. 外部 HTML コード
event.srcElement.outerHTML//
104。現在の IE イベント
event.srcElement のトリガーを識別します。 keyCode//
105.イベントタイプ
event.type//
106.動的変更タイプ
.Overnone { border-width:0;background-color:ダークブルー; カーソル:デフォルト;色:ゴールド;幅:115}
.Outnone {border-width:0;背景色:白;カーソル:デフォルト;幅:115}
< input class =Outnone onmouseover=this.className='Overnone' >//
107. ページめくり
//
108.スクロール
親。scroll(x,y);//
//
109. ステータスバーを変更します
110. ウィンドウサイズを変更します
window.resizeTo(200,300);
111. マウスのスタイルを変更します。 {cursor: url ('mouse.ani'); Scrollbar-base-color: #14213F; 112. 背景は透明です// 113. マウスは待機状態です< ;input type=button onclick="this.style.cursor='wait'">// 114。親ウィンドウの関数 opener.fucntion1();// 115.body 内部 HTML コード // 116. フレーム内の親ウィンドウを呼び出す関数 // 117. Exchange ノードCELL_1 | < ;/tr>
CELL_2 |
CELL_1 |
CELL_2 |