> 웹 프론트엔드 > JS 튜토리얼 > JavaScript 이벤트 쿼리 종합 권장 collection_javascript 기술

JavaScript 이벤트 쿼리 종합 권장 collection_javascript 기술

WBOY
풀어 주다: 2016-05-16 18:32:42
원래의
937명이 탐색했습니다.

click() object.click()은 객체를 클릭하게 합니다.
closed object.closed 개체 창이 닫혔는지 여부 true/false
clearTimeout(object)는 setTimeout 개체를 지웁니다.
clearInterval(object)는 setInterval 개체를 지웁니다.
confirm("프롬프트 메시지" ) 팝 확인 상자 올리기, 확인, true 반환, 취소, false 반환
커서: 스타일 변경 마우스 스타일 손 십자선 텍스트 대기 도움말 기본 자동 e/s/w/n 크기 조정

event.clientX로 돌아가기 마지막 마우스 클릭 X 좌표 값
event.clientY는 마지막 마우스 클릭의 Y 좌표 값을 반환합니다.
event.offsetX는 현재 마우스 가리키기 X 좌표 값을 반환합니다.
event.offsetY는 현재 마우스 가리키기를 반환합니다. Y 좌표값

document.write(document.lastModified) 웹페이지 마지막 업데이트 시간
document.ondblclick=x 마우스 더블클릭 시 이벤트 발생
document.onmousedown= x 마우스 버튼을 클릭하면 이벤트가 발생합니다

document .body.scrollTop; 현재 수직 스크롤바의 좌표 값을 반환하고 설정하며
document.body 함수와 협력해야 합니다. scrollLeft; 현재 가로 스크롤 막대의 좌표 값을 반환하고 설정하며
document.title document.title="message"; 현재 창의 제목 표시줄 텍스트
document.bgcolor document와 협력해야 합니다. .bgcolor="색상 값"; 창 배경색 변경
document.Fgcolor document.Fgcolor="색상 값" ; 텍스트 색상 변경
document.linkcolor document.linkcolor="색상 값";
document.alinkcolor document.alinkcolor="색상 값"; 클릭한 링크의 색상 변경
document.VlinkColor document.VlinkColor="색상 값"
document.forms .length 현재 페이지의 양식 양식 수를 반환합니다
document.anchors.length 현재 페이지의 앵커 수를 반환합니다
document.links 길이는 현재 페이지의 연결 수를 반환합니다
document .onmousedown=x 마우스를 클릭하면 이벤트가 발생합니다
document.ondblclick=x 마우스를 두 번 클릭하면 이벤트가 발생합니다
defaultStatus window.status=defaultStatus; 상태 표시줄이 기본적으로 표시되도록 설정

함수 함수 xx(){...} 定义函数
isNumeric 判断是否是数字
innerHTML xx=对象.innerHTML 输入某对象标签中的html源代码
innerText divid.innerText=xx 将以div定位以id命名的对象值设为XX

location.reload(); 使本页刷新,target可等于一个刷新的网页

Math.random() 随机涵数,只能是0到1之间的数,如果要得到其它数,可以为*10,再取整
Math.floor(number) 将对象number转为整数,舍取所有小数
Math.min(1,2) 返回1,2哪个小
Math.max(1,2) 返回1,2哪个大

navigator.appName 返回当前浏览器名称
navigator.appVersion 返回当前浏览器版本号
navigator.appCodeName 返回当前浏览器代码名字
navigator.userAgent 返回当前浏览器用户代标志

onsubmit onsubmit="return(xx())" 使用函数返回值
opener opener.document.对象 控制原打开窗体对象

prompt xx=window.prompt("提示信息","预定值"); 输入语句
parent parent.框架名.对象 控制框架页面

return return false 返回值
random 随机参数(0至1之间)
reset() form.reset(); 使form表单内的数据重置

split("") string.split("") 将string对象字符以逗号隔开
submit() form对象.submit() 使form对象提交数据

String对象的 charAt(x)对象 反回指定对象的第多少位的字母
lastIndexOf("string") 从右到左询找指定字符,没有返回-1
indexOf("string") 从左到右询找指定字符,没有返回-1
LowerCase() 将对象全部转为小写
UpperCase() 将对象全部转为大写
substring(0,5) string.substring(x,x) 返回对象中从0到5的字符
setTimeout("function",time) 设置一个超时对象
setInterval("function",time) 设置一个超时对象

toLocaleString() x.toLocaleString() 从x时间对象中获取时间,以字符串型式存在
typeof(变量名) 检查变量的类型,值有:String,Boolean,Object,Function,Underfined

window.event.button==1/2/3 鼠标键左键等于1右键等于2两个键一起按为3
window.screen.availWidth 返回当前屏幕宽度(空白空间)
window.screen.availHeight 返回当前屏幕高度(空白空间)
window.screen.width 返回当前屏幕宽度(分辨率值)
window.screen.height 返回当前屏幕高度(分辨率值)
window.document.body.offsetHeight; 返回当前网页高度
window.document.body.offsetWidth; 返回当前网页宽度
window.resizeTo(0,0) 将窗口设置宽高
window.moveTo(0,0) 将窗口移到某位置
window.focus() 使当前窗口获得焦点
window.scroll(x,y) 窗口滚动条坐标,y控制上下移动,须与函数配合
window.open() window.open("地址","名称","属性")
属性:toolbar(工具栏),location(地址栏),directions,status(状态栏),
menubar (菜单栏),scrollbar(滚动条),resizable(改变大小), width(宽),height(高),fullscreen(全 屏),scrollbars(全屏时无滚动条无参 数,channelmode(宽屏),left(打开窗口x坐标),top(打开窗口y坐标)
window.location = 'view-source:' + window.location.href 应用事件查看网页源代码;


a=new Date(); //创建a为一个新的时期对象
y=a.getYear(); //y的值为从对象a中获取年份值 两位数年份
y1=a.getFullYear(); //获取全年份数 四位数年份
m=a.getMonth(); //获取月份值
d=a.getDate(); //获取日期值
d1=a.getDay(); //获取当前星期值
h=a.getHours(); //获取当前小时数
m1=a.getMinutes(); //获取当前分钟数
s=a.getSeconds(); //获取当前秒钟数


对象.style.fontSize="文字大小";
单位:mm/cm/in英寸/pc帕/pt点/px象素/em文字高
1in=1.25cm
1pc=12pt
1pt=1.2px(800*600分辩率下)

文本字体属性:
fontSize大小
family字体
color颜色
fontStyle风格,取值为normal一般,italic斜体,oblique斜体且加粗
fontWeight加粗,取值为100到900不等,900最粗,light,normal,bold
letterSpacing间距,更改文字间距离,取值为,1pt,10px,1cm
textDecoration:文字修饰;取值,none不修饰,underline下划线,overline上划线
background:文字背景颜色,
backgroundImage:背景图片,取值为图片的插入路径


点击网页正文函数调用触发器:

1.onClick 当对象被点击
2.onLoad 当网页打开,只能书写在body中
3.onUnload 当网页关闭或离开时,只能书写在body中
4.onmouseover 当鼠标悬于其上时
5.onmouseout 当鼠标离开对象时
6.onmouseup 当鼠标松开
7.onmousedown 当鼠标按下键
8.onFocus 当对象获取焦点时
9.onSelect 当对象的文本被选中时
10.onChange 当对象的内容被改变
11.onBlur 当对象失去焦点
onsubmit=return(ss())表单调用时返回的值

直线 border-bottom:1x solid black
虚线 border-bottom:1x dotted black
점선 테두리-하단:2x 점선 검정
이중선 테두리-하단:5x 이중 검정
홈이 있는 테두리-하단:1x 홈이 있는 검정
둥근 테두리-하단:1x 능선 검정


1. 가장자리 하이라이트 글로우(색상=색상, 강도=글로우 크기)

2. 수평 뒤집기 Fliph()는 개체를 수평으로 180도 뒤집습니다

3. 객체를 수직으로 180도 뒤집습니다

4. 객체 흐림 흐림(add=true/false 방향=방향 강도=강도)
추가는 인상주의 방향 흐림 방향 강도 흐림 강도에 따라 흐림 여부를 지정합니다
5. 개체 투명도 알파(opaction=0-100, Finishopacity=0-100, style=0/1/2/3)
opaction 개체 마무리 불투명도의 전체 불투명도 값은 개체가 점진적 투명도를 사용할 때 지정됩니다. 끝 투명 위치의 불투명 값 스타일은 투명도 모드를 지정합니다. 0은 전체 투명도, 1은 선형 투명도, 2는 원형 투명도, 3은 직사각형 투명도
6. 색상 채도(색상=색상 값)를 제거하여 객체의 색상과 동일 색상이 같은 영역을 투명하게 지정
7. 그림자 드롭섀도우 만들기 (색상=그림자 색상, offx=픽셀 단위로 왼쪽으로 가로로 벗어나기, offy=픽셀 아래로 가로로 벗어나기)
8. 개체를 회색조로 표시하려면 grey()를 선택 해제하세요
9. 음수 효과 invert()는 개체를 음수 효과로 표시합니다
10. 강조 표시()는 개체를 검은색으로 표시합니다
11 .Mask(color=color)는 지정된 색상 보드로 전체 개체를 마스크로 만듭니다.

불투명도는 0~100을 나타내며, 0은 완전히 투명함을 나타내고, 100은 완전히 불투명함을 나타냅니다.
마감 불투명도는 그라데이션을 나타냅니다. 0~100.
스타일은 투명 영역을 나타내고 1은 선형 모양을 나타냅니다.
startx. starty는 그라디언트 투명 효과 시작 시 X 및 Y 좌표를 나타냅니다.
finishx, 그라디언트 투명 효과 종료 시
add의 좌표는 원래 대상인지 확인하는 데 사용됩니다. 값은 0이며, 1.0은 "아니요"를 의미하고
방향은 흐림 방향을 설정하며 단위는 45도입니다. 기본값은 왼쪽, 오른쪽, 아래쪽, 위쪽으로 270도입니다.
강도는 정수로만 결정됩니다. 기본값은 5입니다. >color는 투명할 색상입니다.
offx, offy는 각각 x 및 y 방향의 그림자 오프셋입니다.
양수는 투영 방법을 의미하며 1은 그림자만 생성함을 의미합니다. 그림자를 생성하는 불투명 픽셀..

AddAmbient: 주변 광원을 추가합니다.
AddCone: 원뿔형 광원을 추가합니다.
AddPoint는 점 광원을 추가합니다.
Changcolor: 색상을 변경합니다. 빛.
Changstrength: 광원의 강도를 변경합니다.
지우기: 모든 광원을 지웁니다.
MoveLight: 광원을 이동합니다.

freq는 잔물결의 빈도로, 물체의 위쪽 영역에 생성되어야 하는 완료된 잔물결 수를 지정합니다.
빛의 강도는 잔물결에 대한 빛과 그림자의 효과를 향상시킬 수 있습니다. 0부터 100까지의 유효 양의 정수, 사인파의 시작 위치는 0부터 360도입니다. 0은 0도에서 시작함을 의미하고, 25는 90도에서 시작함을 의미합니다.
강도는 진폭을 나타냅니다.


hand style="cursor:hand"
crosshair style="cursor:crosshair"
text style="cursor:text"
wait style="cursor:wait"
default style="cursor:default"
help style="cursor:help"
e-resize style="cursor:e-resize"
ne-resize style="cursor:ne- 크기 조정"
n-resize style="cursor:n-resize"
nw-resize style="cursor:nw-resize"
w-resize style="cursor:w-resize"
s-resize style="cursor:s-resize"
sw-resize style="cursor:sw-resize "
se-resize style="cursor:se-resize"
auto style="cursor :자동"

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿