ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScriptの各種パラメータの詳しい説明

JavaScriptの各種パラメータの詳しい説明

高洛峰
リリース: 2016-11-25 14:11:49
オリジナル
1637 人が閲覧しました

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.改变下拉框的颜色

>guoqiang99859

25.layer2 はコンポーネントの ID であり、コンポーネントがどうかを制御可能です

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

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

26.将页面追加お気に入り中

//

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.改变背景颜色

onmouseout="this.bgColor='#FAFBFC';">

 

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

 

33.改变水平线的特征


 

34.传递参数的方式

 

35.页内跳转

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://ww"或者document.location.assign("http://guoguo.com")

 

45.在网页上显示实时时间

//

 

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. ページ上のリンクの形式を変更して二重線にすることができます

完全なCSS

50。新しいフレーム

href="http://www.php1.cn/">

/a_13.html')">help

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">レコーダー

55. CTRL キーと Q キーを同時に押します

document.onkeydown=function()

{

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

{アラート(1)}

}//

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

 

藏掉

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

 

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

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

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

57. ポップアップウィンドウ

方法 1 : ブラウザがページを読み込むとウィンドウがポップアップします

方法 2: ; ブラウザがページを離れるとウィンドウが表示されます。

方法 3: 接続を使用して呼び出します:

注: 「#」は使用されます。は仮想接続です。

方法 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)>

/td>

< ;tr>

width="20%">

//

80. テーブルの特定の行を削除します。xx は特定の行を表します。インデックスは 0

document.all.myTable から計算されます。 deleteRow(xx)//

81. テーブルに行を動的に追加します

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程序

vb.net

 

写的.netWEB程序

xml技术

 

 

style="border-collapse: collapse" bordercolor="#CCCCCC" width="100%" ID="Table1">

 

  

 

 

//

102。これは特別なコンテナです。必要に応じて Web ページをインストールできます