지역 사회 배우다 도구 라이브러리 여가
찾다
한국어
집 > 웹 프론트엔드 > JS 튜토리얼 > 다양한 JavaScript 매개변수에 대한 자세한 설명

다양한 JavaScript 매개변수에 대한 자세한 설명

高洛峰
풀어 주다： 2016-11-25 14:11:49
원래의
1647명이 탐색했습니다.

1. 텍스트 상자 포커스 문제

onBlur: 입력 포커스를 잃었을 때 발생하는 이벤트

onFocus: 입력에 포커스를 얻었을 때 생성되는 파일

Onchange: 텍스트 값이 변경되면 이 이벤트가 생성됩니다

Onselect: 텍스트가 강조 표시되면 파일이 생성됩니다

텍스트 클릭하고 잃어버리면 사라집니다. 포커스가

에 맞춰지면 텍스트가 다시 나타납니다. 2. 웹 버튼의 특수 색상

<입력 유형=버튼 이름 ="Submit1" value=" Guo Qiang" size=10 class=s02

style="Background-color:rgb(235,207,22)">

3 .마우스가 들어오고 나갈 때 색상이 변경됩니다

onMouseOver=this.style.color="red" class="button">

4.

5. 버튼 색상 변경

<입력 유형=텍스트 name="nick" 스타일="테두리:1px 솔리드 #666666; 글꼴 크기:9pt; 높이:17px;

배경색: #F4F4FF; 색상:#ff6600" 크기 ="15" maxlength="16">

6. 플랫 입력 상자

7. 창을 지정된 크기로 만듭니다

<script></p> <p>window.resizeTo(300,283 );</p> <p></script>

8 텍스트를 위아래로 스크롤합니다

height=60>

공화국

>

9. 상태 표시줄에는 페이지의 상태가 표시됩니다

10. 텍스트를 클릭하여 라디오 옵션을 선택할 수 있습니다

< ;br>

    

< label for="A03 "> 커플: 두 계정을 동시에 등록

11. 필드

12. 인쇄웹페이지 인쇄

13. 라인 입력 상자

class="line">

14. 문서의 마지막 수정 날짜를 표시합니다

<스크립트 언어= javascript>

함수 hi(str)

{

document.write(document.lastModified)

alert("hi "+str+"!")

}

15.

//

 

27.过10秒自动关闭页면

< script 언어="JavaScript" >

function closeit() {

setTimeout("self.close()"，10000)

}

< /script >

 

28.可以比较字符적대소

char=post.charAt(i);

if(!('0 '<=char&&char<='9'))

 

29.将字符转化为数字

month =parseInt(char)

 

30.点击값 비공적 选项时转向指定连接

 

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. 페이지의 링크 형식을 이중선으로 변경할 수 있습니다

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());

}

%>

52. 파일을 먼저 읽고 파일을 씁니다.

<%@ 페이지 언어 = "java" %>

<% @ page contentType = " text/html; charSet=gb2312" %>

<%@ page import ="java.util.*" %>

<%@ 페이지 import ="java.lang.*" %>

<%@ page import ="javax.servlet.*" %>

<%@ page import ="javax .servlet.jsp.*" %>

<%@ 페이지 가져오기 ="javax.servlet.http.*" %>

<%@ 페이지 가져오기="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= 새로운 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)

{alert(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 (이름 == "Microsoft Internet Explorer")

alert("IE");

else if (이름 == "Netscape")

alert("NS" );//

60.vbsscript OK 상자

//

61. 내용을 클립보드에 복사

function JM_cc(bb)

{

var ob=eval_r("document.form1 ."+bb);

ob.select();

js=ob.createTextRange();

js.execCommand("복사");

}//

62.java에서 데이터를 검색하기 위한 데이터베이스 연결 설정

public void init()

{

String url="jdbc:odbc: javadata";

시도

{

Class.forName("sun.jdbc.odbc.JdbcOdbcDriver");

연결 con=DriverManager.getConnection(url,"sa","");//mssql 데이터베이스 사용자 SA 및 비밀번호

DatabaseMetaData dma=con.getMetaData();

System.out.println("연결 대상" +dma.getURL());

System.out.println(";Driver "+dma.getDriverName());

시스템 .out.println(";Version "+dma .getDriverVersion());

System.out.println("");

명령문 stmt=con.createStatement();

ResultSet rs=stmt.executeQuery( "select * from company.dbo.TB_NAME where number=1");//Sql

rs.next();

문자열 표시 =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 ();

}

}//

창 최소화

window.blur ()//

64.문서 경로

document.URL//

65 . 특정 프로그램을 정기적으로 실행

setTimeout("change_color()",600);

66. 홈페이지로 설정

makeHome() {

netscape.security.PrivilegeManager.enablePrivilege("UniversalPreferencesWrite");

navigator.preference("browser.startup.homepage", location.href);

} //

67. 즐겨찾기로 설정

function addFav(){

if(ie)

window.external. AddFavorite(location.href,'WWW.OGRISH.COM : 기괴한 영화와 그림');

if(ns)

Alert("북마크를 제공해 주셔서 감사합니다!/n/nNetscape 사용자는 클릭하세요. 확인하고 Ctrl-D를 누르세요");

}//

68. 쿠키 사용 가능 여부 확인

navigator.cookieEnabled;//

69. 페이지에 모달 팝업 창 표시

function setbgcolor_onclick()

{

var color = showModalDialog ("/mailpage/compose/colorsel.html" ,0,"help=0");

if (color != null)

{

document.compose .bgcolor.value = 색상;

}

}//

70.소수점 두 자리까지 자릅니다.

var a=3454545.4454545;

alert( a.toFixed(2));//

71 복사할 페이지에서 텍스트를 선택하는 것은 금지되어 있습니다.

function noEffect() {

with (event) {

returnValue = false;

cancelBubble = true;

}

반환;

}

72. 마우스 오른쪽 버튼 클릭 메뉴 차단

oncontextmenu="event.returnValue = false"//

73. 이벤트 금지 버블

event.cancelBubble = true//

74.입력창에서 입력 방법 열기 금지

< ;input style="ime- 모드: 비활성화됨">//

75. 한자 및 공백 차단

//

76 . 자바스크립트를 사용하여 파일이 존재하는지 확인

function Exists(filespec)

{

if (filespec)

{

var fso;

fso = new ActiveXObject("Scripting.FileSystemObject");

Alert(fso.FileExists(filespec));

}

}

이미지 선택< ;input type=file name=f1>

//

77. 현재 텍스트 상자에서 선택한 텍스트 가져오기

//

78. 대상 페이지로 이동하고 동시에 돌아올 수 없습니다

79. 현재 행이 테이블의 어느 행인지 확인

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

 

 

td>

 

　 🎜>
　

/ /

80. 테이블의 특정 행을 삭제합니다. xx는 특정 행을 나타내며 아래 첨자는 0부터 시작합니다.

document.all.myTable.deleteRow(xx)//

81. 테이블에 행을 동적으로 추가



4人

 

backlength='15pt' on='true'/>



4人

 

backlength='15pt' on='true'/> //

 

101.饼图

 

onmouseover='javascript:show(this);' onmouseout='javascript:hide(this);' href="http://www.php1.cn/">

 

CoordSize='10,10' 스트로크컬러='white' fillcolor='#ffff33'>< v:path v='m 300,200 ae

 

300,200,200,150,0,9437184 xe'/>

 

onmouseover=' javascript:show(this);' onmouseout='javascript:hide(this);' href="http://www.php1.cn/">

 

CoordSize='10,10' 스트로크color='white' fillcolor='#ff9933'>< v:path v='m 300,200 ae

 

300,200,200,150,9437184,1572864 xe'/>

 

onmouseover=' javascript:show(this);' onmouseout='javascript:hide(this);' href="http://www.php1.cn/">

 

CoordSize='10,10' 스트로크color='white' fillcolor='#3399ff'>< v:path v='m 300,200 ae

 

300,200,200,150,11010048,3145728 xe'/>

 

onmouseover='javascript:show(this);' onmouseout='javascript:hide(this);' href="http://www.php1.cn/">

 

CoordSize='10,10' 스트로크color='white' fillcolor='#99ff33'>< v:path v='m 300,200 ae

 

300,200,200,150,14155776,4718592 xe'/>

 

onmouseover='javascript:show(this);' onmouseout='javascript:hide(this);' href="http://www.php1.cn/">

 

CoordSize='10,10' 스트로크color='white' fillcolor='#ff6600'>< v:path v='m 300,200 ae

 

300,200,200,150,18874368,3145728 xe'/>

 

onmouseover= '자바스크립트:쇼(this);' onmouseout='javascript:hide(this);' href="http://www.php1.cn/">

 

CoordSize='10,10' 스트로크color='white' fillcolor='#ff99ff'>< v:path v='m 300,200 ae

 

300,200,200,150,22020096,1572864 xe'/>

 

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. 원하는 경우 웹페이지를 설치할 수 있습니다.

//button

103. 외부 HTML 코드

이벤트. srcElement.outerHTML //

104. 현재 IE 이벤트의 트리거를 식별합니다.

event.srcElement 및 event.keyCode //

105. 이벤트 유형

event.type//

106. 유형을 동적으로 변경

//

107. 페이지 넘기기

//

108. >parent.scroll(x,y);//

//

109. 상태 표시줄 변경

self.status ="";//

110. 창 크기 변경

window.resizeTo(200,300);//

111. 마우스 스타일 변경

스타일

본체{커서: url('mouse.ani');

스크롤바-기본 색상: #506AA8;

스크롤바-화살표-색상: #14213F;

} //

112. 배경 투명

//

113. 마우스가 대기 상태입니다

//

114. 상위 창의 함수 호출

opener.fucntion1(); //

115.body 내부 HTML 코드

//

116. 프레임에서 상위 창의 기능을 호출합니다

//

117. 교환 노드

<테이블 너비=200 높이=200 테두리>

CELL_1< ;/td>

CELL_2


//

118. 노드 삭제

<테이블 너비=200 높이=200 테두리>

CELL_1

CELL_2

< br>

//

119. 노드 추가

addNode()//

120. 🎜>

event.srcElement.children[0] 및 event .srcElement.parentElement //

121. 버튼 색상 변경에 집중

/ /배경 이미지는 중앙

163. 투명도 설정

document.form.xxx.filters.alpha.opacity=0~100//

164. 메소드 정의

var dragapproved =false;

document.onmouseup=new Function("dragapproved = false");//
이전 기사：JS 셀 병합, JavaScript 셀 병합 다음 기사：jquery를 사용하여 객체 배열을 탐색하는 두 가지 방법
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
최신 이슈
JavaScript를 사용하지 않고 클릭 시 이미지 소스를 동적으로 수정하는 CSS 전용 방법 img:active와 같은 CSS만 사용하여 마우스 클릭 시 이미지의 소스를 변경해야 합니다.{}
에서 2024-04-06 19:25:49
0
1
505
d3.js를 확대할 때 산점도 값이 유지되지 않습니다. d3.js를 처음 사용하는 것이므로 양해해 주시기 바랍니다. vue.js 파일에 순수 JavaScript로 구현했습니다. 확대/축소 기능을 사용하여 산점도를 만들...
에서 2024-04-06 18:16:26
0
1
403
공급업체별 의사 요소에 대한 JavaScript 호버 이벤트 나는 아래에 HTMLinput标签。$("input[type='range']::-webkit-slider-thumb").on('hover',fun...
에서 2024-04-06 15:35:24
0
1
274
Javascript/Jquery를 사용하여 버튼 없이 양식 제출 JavaScript 함수를 호출하고 JQUERY/PHP를 사용하여 양식을 실행하여 버튼 없이 양식을 제출하려고 합니다. 페이지를 다시 로드하지 않고 백엔드에서 양...
에서 2024-04-06 14:54:03
0
2
421
CollapseDisplay 클래스를 사용하여 Bootstrap 아코디언 헤더의 모양을 사용자 정의하세요. 클래스 Collapseshow를 사용하여 패널의 카드 제목 스타일을 지정하고 싶습니다. 이 예에서는 첫 번째 패널입니다. CSS를 사용하여 .accordion.c...
에서 2024-04-06 12:53:11
0
1
376
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿