Javascript_javascript 팁에서 가장 일반적으로 사용되는 55가지 클래식 팁을 공유하세요.

1. oncontextmenu="window.event.returnValue=false"는 마우스 오른쪽 버튼을 완전히 차단합니다

no

테이블용

2.

선택 취소 및 복사 방지

3. onpaste="return false" 붙여넣기 금지

4. oncopy="return false;" oncut="return false;" 복사 방지

5. IE 주소 표시줄을 자신만의 아이콘으로 교체하세요

6. 즐겨찾기에 아이콘을 표시할 수 있습니다

7. 입력 방법 끄기

8. 항상 프레임을 운반하세요
<script><!--<BR>if (window == top)top.location.href = "frames.htm" ; //frames.htm은 프레임 웹페이지입니다<BR>// --></script>

9. 프레이밍 방지

10. 웹페이지는
로 저장되지 않습니다.

11.
12. 삭제 시 확인
삭제

13. 컨트롤의 절대 위치 가져오기

코드 복사 코드는 다음과 같습니다.

//Javascript
<script><BR>function getIE(e){<BR>var t=e.offsetTop;<BR>var l=e. offsetLeft;<BR>while (e=e.offsetParent){<BR>t =e.offsetTop;<BR>l =e.offsetLeft;<BR>}<BR>alert("top=" t "/nleft= " l);<BR>}<BR></script>
//VBScript
<script><!--<BR>함수 getIE()<BR> 희미한 t,l,a ,b<BR>set a=document.all.img1<BR>t=document.all.img1.offsetTop<BR>l=document.all.img1.offsetLeft<BR>a.tagName&lt ;>"BODY" <BR>set a = a.offsetParent<BR>t=t a.offsetTop<BR>l=l a.offsetLeft<BR>wend<BR>msgbox "top="&t&chr(13)& "left="&l, 64, "컨트롤 위치 가져오기"<BR>end function<BR>--></script>

14. 텍스트 상자 끝 텍스트

코드 복사 코드는 다음과 같습니다.

<script><BR>function cc() <BR>{<BR>var e = event.srcElement;<BR>var r =e.createTextRange();<BR>r.moveStart("character" ,e.value.length);<BR>r.collapse(true);<BR>r.select();<BR>}<BR></script>


15. 判断上一页的来源
javascript :
document.referrer

16. 最小化、最大化、关闭窗口





本例适用于IE

17.屏蔽功能键Shift,Alt,Ctrl
<script><BR>function look(){ <BR>if(event.shiftKey) <BR>alert("禁止按Shift键!"); //可以换成ALT　CTRL<BR>} <BR>document.onkeydown=look; <BR></script>

18. 网页不会被缓存



或者

19.怎样让表单没有凹凸感？

或

20.

&的区别？

(division)用来定义大段的页面元素，会产生转行
用来定义同一行内的元素，跟

的唯一区别是不产生转行
是ns的标记，ie不支持，相当于

21.让弹出窗口总是在最上面:

22.不要滚动条?
让竖条没有:

让横条没有:


两个都去掉？更简单了

23.怎样去掉图片链接点击后，图片周围的虚线？

24.电子邮件处理提交表单

enctype="text/plain">

25.在打开的子窗口刷新父窗口的代码里如何写？
window.opener.location.reload()

26.如何设定打开页面的大小

打开页面的位置

27.在页面中如何加入不是满铺的背景图片,拉动页面时背景图不动

28. 检查一段字符串是否全由数字组成

29. 获得一个窗口的大小
document.body.clientWidth; document.body.clientHeight

30. 怎么判断是否是字符
if (/[^/x00-/xff]/g.test(s)) alert("含有汉字");
else alert("全是字符");

31.TEXTAREA自适应文字行数的多少
="this.style.posHeight=this.scrollHeight"><br>

32. 日期减去天数等于第二个日期

33. 选择了哪一个Radio

Style
Barcode

34.脚本永不出错

35.ENTER键可以让光标移到下一个输入框

36. 检测某个网站的链接速度：
把如下代码加入

区域中:

37. 各种样式的光标
auto ：标准光标
default ：标准箭头
hand ：手形光标
wait ：等待光标
text ：I形光标
vertical-text ：水平I形光标
no-drop ：不可拖动光标
not-allowed ：无效光标
help ：?帮助光标
all-scroll ：三角方向标
move ：移动标
crosshair ：十字标
e-resize
n-resize
nw-resize
w-resize
s-resize
se-resize
sw-resize

38.页面进入和退出的特效
进入页面
推出页面 
这个是页面被载入和调出时的一些特效。duration表示特效的持续时间，以秒为单位。transition表示使用哪种特效，取值为1-23:
　　0 矩形缩小
　　1 矩形扩大
　　2 圆形缩小
　　3 圆形扩大
　　4 下到上刷新
　　5 上到下刷新
　　6 左到右刷新
　　7 右到左刷新
　　8 竖百叶窗
　　9 横百叶窗
　　10 错位横百叶窗
　　11 错位竖百叶窗
　　12 点扩散
　　13 左右到中间刷新
　　14 中间到左右刷新
　　15 中间到上下
　　16 上下到中间
　　17 右下到左上
　　18 右上到左下
　　19 左上到右下
　　20 左下到右上
　　21 横条
　　22 竖条
　　23 以上22种随机选择一种

39.在规定时间内跳转

40.网页是否被检索

　　其中属性值有以下一些:
　　属性值为"all": 文件将被检索，且页上链接可被查询；
　　属性值为"none": 文件不被检索，而且不查询页上的链接；
　　属性值为"index": 文件将被检索；
　　属性值为"follow": 查询页上的链接；
　　属性值为"noindex": 文件不检索，但可被查询链接；
　　属性值为"nofollow": 文件不被检索，但可查询页上的链接。

41、email地址的分割
把如下代码加入

区域中
webmaster@sina.com

42、流动边框效果的表格
把如下代码加入

区域中

复主代码 代码아래:

<script><BR>l=Array(6,7,8,9,'a','b','b','c','d', 'e','f')<BR>Nx=5;Ny=35<BR>t="<table border=0cellspacing=0cellpadding=0 height="((Nx 2)*16) "> <tr>"<BR>for(x=Nx;x<Nx Ny;x )<BR>t ="<td width=16 id=a_mo" x ">　 "<BR> t ="<tr><td width=10 id=a_mo" (Nx-1) ">　<td colspan=" (Ny-2) " rowspan=" (Nx) ">　<td width=16 id=a_mo" (Nx Ny) ">"<BR>for(x=2;x< =Nx;x )<BR>t ="<tr><td width=16 id=a_mo" (Nx-x) ">　<td width=16 id=a_mo" (뉴욕 Nx x-1) ">　"<BR>t ="<tr>"<BR>for(x=Ny;x>0;x--)<BR> t ="<td width=16 id=a_mo" (x Nx*2 Ny-1) ">　"<BR>***(t " ")<BR>var N=Nx*2 Ny*2<BR>function f1(y){<BR>for(i=0;i<N;i ){<BR>c=(i y) ;if( c>10)c=20-c<BR>document.all["a_mo" (i)].bgColor=""""#0000" l[c] l[c] "'"}<BR>y <BR>setTimeout('f1(' y ')','1')}<BR>f1(1)<BR></script>

43、JavaScript主页弹出窗口技巧
窗구中间弹출

复제대码 代码如下:

<script><BR> window.open("http://www.jb51.net","","width=400,height=240,top=" (screen.availHeight-240)/2 ",left=" (screen.availWidth- 400)/2);<BR></script>
============



function WinOpen() {
    msg=open("","DisplayWindow","toolbar=no,directories=no,menubar=no");
    msg.** *("");
    msg.***("

酷 毙 了!< ;/H1>

这 是JavaScript所 开 的 视 窗!

");
}

=============
일부, 아래 면의 대码中，你只要单击打开一个窗口，即可链接到赛迪网。而当你想关闭时，只要单击一下即可关闭刚才打开的窗口。
代码如下：

复主代码 代码如下:

　　<script> <BR>　　<!-- <BR>　　function openclk() { <BR>　　another=open('1000){this.reized=true;this.style.width=1000;}" align=absMiddle border=0> http://www.jb51.net'，'NewWindow'); <BR>　　} <BR>　　function closeclk() { <BR>　　another.close(); <BR>　　} <BR>　　//--> <BR>　　</script>
　　 >　　

　　 >

두 개의 상면적 세대는 也太静了，为何不来点动感呢?如果能给页face来个降落效果那该多好啊
代码如下：

复代码

代码如下:　　<script> </script>　　function drop(n) {

　　if( self.moveBy){

　　self.moveBy (0,-900)
　　for(i = n; i > 0; i--){
　　self.moveBy(0,3); 🎜>　　}
　　for(j = 8; j > 0; j--){
　　self.moveBy(0，j)
　　self.moveBy(j,0); .moveBy(0，-j)
　　self.moveBy(-j，0)
　　}
　　}
　　}
　　 "드롭(300)">


3. 많은 웹사이트가 항상 기본 창에서 열리는 것이 싫습니다. 열린 창을 원하는 대로 제어할 수 있으면 좋을 것 같습니다.
코드는 다음과 같습니다.

코드 복사 코드는 다음과 같습니다.

　 td>
maxlength=4> 픽셀
오른쪽으로부터의 거리: 픽셀
창 너비: 픽셀
　창 높이: 픽셀
　
　 ;입력 유형 =버튼 값="이 창을 열어주세요!" onClick="popupPage(this.form.left.value, this.form.top.value, this.form.width.value,
this.form.height .value) ">
　
　
　
　
　🎜>값만 입력하면 됩니다. 해당 대화 상자에서 열릴 페이지의 창이 잘 제어됩니다.

44. 페이지 열기 및 이동
영역에 다음 코드 추가




코드 복사

코드는 다음과 같습니다.

for (x = 20; x > 0; x--) {

for (y = 10; y > 0; y--) {
parent.moveBy(0,x);
}
}
for (x = 20; x > 0; x--) {
for (y = 10; y > y- -) {
parent.moveBy(x,0);
}
}
for (x = 20; x > 0; x--) >for (y = 10 ; y > 0; y--) {
parent.moveBy(-x,0);
}
}
}
//--> ;
// 끝 -->



45 개별 클라이언트 시스템의 날짜와 시간을 표시합니다




코드 복사


코드는 다음과 같습니다.

<script><BR><!-- 숨김 <div class="codetitle"> today = new Date()<span> ***("현재 시간은: ",today.getHours(),":",today.getMinutes())<a style="CURSOR: pointer" data="78148" class="copybut" id="copybut78148" onclick="doCopy('code78148')"> ***("< br>오늘 날짜는 ", today.getMonth () 1,"/",today.getDate(),"/",today.getYear());<U>// 내용 숨기기 끝 --></script>

46. 매번 마지막 수정 날짜가 자동으로 생성됩니다.

코드 복사


코드는 다음과 같습니다.

간단한 HTML 페이지입니다.
마지막 변경 사항: <script></script>

47. 비워 둘 수 없으며 이메일 주소 제약 조건:




코드 복사


코드는 다음과 같습니다.

<script><BR><!-- 숨기기<BR>function test1(form) {<BR> if (form.text1.value == "")<BR> Alert("아무것도 작성하지 않았습니다. 다시 입력해 주세요!")<BR> else { <BR> Alert("안녕하세요" form.text1. value "! 입력을 완료했습니다!");<BR> }<BR>}<BR>function test2(form) {<BR> if (form.text2.value == "" || <BR> form. text2 .value.indexOf('@', 0) == -1) <BR> Alert("올바른 이메일 주소가 아닙니다. 다시 입력해 주세요!");<BR> else Alert("이메일 주소가 정확하지 않습니다. 입력 완료 !");<BR>}<BR>// --><BR></script>



이름 입력:

이메일 주소를 입력하세요:

48. Marquee

코드 복사 코드는 다음과 같습니다.

<script><BR><!-- 숨기기<BR>var scrtxt="정말 멋지네요! 시도해 보세요." "귀하의 <BR>페이지 방문자가 " "몇 시간 동안 순수한 매력을 느낄 것입니다...";<BR>var lentxt=scrtxt.length;<BR>var width=100; <BR>var pos=1-width;<BR>function scroll() {<BR> pos ;<BR> var scroller="";<BR> if (pos==lentxt) {<BR> pos=1- width; <BR> }<BR> if (pos<0) {<BR> for (var i=1; i<=Math.abs(pos); i ) {<BR> scroller=scroller " ";}<BR> 스크롤러=스크롤러 scrtxt.substring(0,width-i 1);<BR> }<BR> else {<BR> 스크롤러=스크롤러 scrtxt.substring(pos,width pos);<BR> }<BR> 창 .status = 스크롤러;<BR> setTimeout("scroll()",150);<BR> }<BR>//--><BR></script>

< ;body onLoad="scroll();return true;">
귀하의 웹페이지가 여기에 표시될 수 있습니다!

49. 웹페이지의 버튼을 사용하여 이전 페이지, 다음 페이지, 홈 페이지 표시를 제어합니다.

코드 복사 코드는 다음과 같습니다.

 
 
 

50. 특정 웹사이트의 소스 코드 보기
다음 코드를 추가하세요.

코드 복사 코드는 다음과 같습니다.

함수 추가()
{
var ress=document.forms[0].luxiaoqing.value
window.location="view-source:" ress;
}

소스 코드를 보려는 URL 주소를 입력하세요.

코드 복사 코드는 다음과 같습니다.

51. 제목에 날짜 표시
영역에 다음 코드를 추가합니다.

코드 복사 코드는 다음과 같습니다.

<script><BR><!--hide<BR>var isMonth = new<BR>Array("1월","2월"," 3월" ,"4월","5월","6월","7월","8월","9월","10월","11월","12월") <BR>var isDay = new<BR>Array( "일요일","월요일","화요일","수요일","목요일","금요일","토요일","일요일");<BR>오늘 = 새 날짜() ;<BR>연도=오늘. getYear();<BR>Date=today.getDate();<BR>if (document.all)<BR>document.title="오늘은: " 연도 "연도" isMonth[today.getMonth()] 날짜 " Day" isDay[today.getDay()]<BR>//--hide--><BR></script>

52. 모든 링크 표시
다음 추가

코드를 복사하세요 코드는 다음과 같습니다.

<script><BR><!--<BR>function extractlinks(){<BR>var link=document.all.tags("A ")<BR>var total= links.length<BR>var win2=window.open("","","menubar,scrollbars,toolbar")<BR>win2.***("<font size= '2'>있음 " 총 " 연결<br>")<BR>for (i=0;i<total;i ){<BR>win2.***("&lt ;font size='2'>" link[i].outerHTML "<br>")<BR>}<BR>}<BR>//--><BR>< /script><BR><입력 유형 ="button" onClick="extractlinks()" value="모든 링크 표시"><BR></script>

53. 줄을 변경하려면 키를 입력하세요.

코드 복사 코드는 다음과 같습니다.

Enter 및 줄 바꿈<br>

54. 확인 후 제출
영역에 다음 코드 추가

코드 복사 코드는 다음과 같습니다:

< ;p>

55. 테이블 내용 변경
영역에 다음 코드 추가

코드 복사코드는 다음과 같습니다.

<script><BR>var arr=new Array()<BR>arr[0]="一一一一一";<BR>arr[1]="two 둘 둘 둘 둘";<BR>arr[2]="셋 셋 셋 셋 셋";<BR></script>

첫 번째 그리드 변경
두 번째 그리드 변경
세 번째 그리드 변경







테이블>

첫 번째 프레임

두 번째 프레임

세 번째 프레임