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. 항상 프레임을 운반하세요

9. 프레이밍 방지

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

11.
12. 삭제 시 확인
삭제

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

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

//Javascript

//VBScript

14. 텍스트 상자 끝 텍스트

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

<입력 유형=텍스트 이름= text1 value="123" onfocus="cc()"> ;


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 ">　 </td>"<br> t ="</tr><tr><td width=10 id=a_mo" (Nx-1) ">　</td><td colspan=" (Ny-2) " rowspan=" (Nx) ">　</td><td width=16 id=a_mo" (Nx Ny) "></td></tr>"<br>for(x=2;x< =Nx;x )<br>t ="<tr><td width=16 id=a_mo" (Nx-x) ">　</td><td width=16 id=a_mo" (뉴욕 Nx x-1) ">　</td></tr>"<br>t ="<tr>"<br>for(x=Ny;x>0;x--)<br> t ="<td width=16 id=a_mo" (x Nx*2 Ny-1) ">　</td>"<br>***(t "</tr></table> ")<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>
============


<스크립트 언어 ="LiveScript">
function WinOpen() {
    msg=open("","DisplayWindow","toolbar=no,directories=no,menubar=no");
    msg.** *("");
    msg.***("

酷 毙 了!< ;/H1>

这 是JavaScript所 开 的 视 窗!

");
}

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

复主代码 代码如下:

　　
　　 >　　

　　 >

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

复代码

代码如下:　　<script> </span>　　function drop(n) { </div>　　if( self.moveBy){ <div class="codebody" id="code64667">　　self.moveBy (0,-900) <br>　　for(i = n; i > 0; i--){ <br>　　self.moveBy(0,3); 🎜>　　} <br>　　for(j = 8; j > 0; j--){ <br>　　self.moveBy(0，j) <br>　　self.moveBy(j,0); .moveBy(0，-j) <br>　　self.moveBy(-j，0) <br>　　} <br>　　} <br>　　} <br>　　</script> "드롭(300)">


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

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

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

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




코드 복사

코드는 다음과 같습니다.

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




코드 복사


코드는 다음과 같습니다.

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

코드 복사


코드는 다음과 같습니다.

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

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




코드 복사


코드는 다음과 같습니다.

<양식 이름 ="first ">
이름 입력:

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

48. Marquee

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

< html>



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

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

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

< body>

 
 
 

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

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

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

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

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

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

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

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

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

Enter 및 줄 바꿈<br> </div> <br>54. 확인 후 제출<br><body> 영역에 다음 코드 추가<br><div class="codetitle"> <span><a style="CURSOR: pointer" data="44372" class="copybut" id="copybut44372" onclick="doCopy('code44372')"><u>코드 복사</u></a></span> 코드는 다음과 같습니다: </div> <div class="codebody" id="code44372"> <br><SCRIPT LANGUAGE="JavaScript"><br><!--<BR>function msg(){<BR>if (confirm("You 확인 제출하세요! "))<BR>document.lnman.submit()<BR>}<BR>//--><br></SCRIPT><br><form name="lnman" method="post" action=""><br> <p><br> <input type="text" name="textfield" value="확인 후 제출"><br> </p><br> < ;p><br> <input type="button" name="Submit" value="Submit" onclick="msg();"><br> </p><br></form> <br> </div> <br>55. 테이블 내용 변경<br><body> 영역에 다음 코드 추가<br><div class="codetitle"> <span><a style="CURSOR: pointer" data="52254" class="copybut" id="copybut52254" onclick="doCopy('code52254')"><u>코드 복사</u></a></span>코드는 다음과 같습니다.</div> <div class="codebody" id="code52254"> <br><script ***script><br>var arr=new Array()<br>arr[0]="一一一一一";<br>arr[1]="two 둘 둘 둘 둘";<br>arr[2]="셋 셋 셋 셋 셋";<br></script><br><select onchange="zz.cells[this.selectedIndex].innerHTML= arr[this.selectedIndex]"><br> <option value=a>첫 번째 그리드 변경</option><br> <option value=a>두 번째 그리드 변경</option><br> < 옵션 값=a>세 번째 그리드 변경</option><br></select><br><table id=zz border=1><br> <tr height=20><br> <td width=150>첫 번째 프레임</td><br><td width=150>두 번째 프레임</td><br><td width=150>세 번째 프레임</td><br> </tr> <br></테이블><br> </div> </div> </div></div><div class="nphpQianMsg"><div class="clear"></div></div><div class="nphpQianSheng"><span>성명：</span><div>본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.</div></div></div><div class="nphpSytBox"><span>이전 기사：<a class="dBlack" title="js의 eventType 이벤트 및 해당 브라우저 support_javascript 기술 소개" href="http://m.php.cn/ko/faq/15139.html">js의 eventType 이벤트 및 해당 브라우저 support_javascript 기술 소개</a></span><span>다음 기사：<a class="dBlack" title="js의 eventType 이벤트 및 해당 브라우저 support_javascript 기술 소개" href="http://m.php.cn/ko/faq/15141.html">js의 eventType 이벤트 및 해당 브라우저 support_javascript 기술 소개</a></span></div><div class="nphpSytBox2"><div class="nphpZbktTitle"><h2>관련 기사</h2><em><a href="http://m.php.cn/ko/article.html" class="bBlack"><i>더보기</i><b></b></a></em><div class="clear"></div></div><ul class="nphpXgwzList"><li><b></b><a href="http://m.php.cn/ko/faq/1609.html" title="Bootstrap 목록 그룹 구성 요소에 대한 심층 분석" class="aBlack">Bootstrap 목록 그룹 구성 요소에 대한 심층 분석</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/ko/faq/1640.html" title="JavaScript 함수 커링에 대한 자세한 설명" class="aBlack">JavaScript 함수 커링에 대한 자세한 설명</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/ko/faq/1949.html" title="JS 비밀번호 생성 및 강도 감지의 전체 예(데모 소스 코드 다운로드 포함)" class="aBlack">JS 비밀번호 생성 및 강도 감지의 전체 예(데모 소스 코드 다운로드 포함)</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/ko/faq/2248.html" title="Angularjs는 WeChat UI(weui)를 통합합니다." class="aBlack">Angularjs는 WeChat UI(weui)를 통합합니다.</a><div class="clear"></div></li><li><b></b><a href="http://m.php.cn/ko/faq/2351.html" title="JavaScript를 사용하여 중국어 번체와 중국어 간체 간을 빠르게 전환하는 방법과 중국어 간체와 중국어 번체 간 전환을 지원하는 웹사이트의 요령_javascript 기술" class="aBlack">JavaScript를 사용하여 중국어 번체와 중국어 간체 간을 빠르게 전환하는 방법과 중국어 간체와 중국어 번체 간 전환을 지원하는 웹사이트의 요령_javascript 기술</a><div class="clear"></div></li></ul></div></div><div class="nphpFoot"><div class="nphpFootBg"><ul class="nphpFootMenu"><li><a href="http://m.php.cn/ko/"><b class="icon1"></b><p>집</p></a></li><li><a href="http://m.php.cn/ko/course.html"><b class="icon2"></b><p>강의</p></a></li><li><a href="http://m.php.cn/ko/wenda.html"><b class="icon4"></b><p>Q&A</p></a></li><li><a href="http://m.php.cn/ko/login"><b class="icon5"></b><p>나의</p></a></li><div class="clear"></div></ul></div></div><div class="nphpYouBox" style="display: none;"><div class="nphpYouBg"><div class="nphpYouTitle"><span onclick="$('.nphpYouBox').hide()"></span><a href="http://m.php.cn/ko/"></a><div class="clear"></div></div><ul class="nphpYouList"><li><a href="http://m.php.cn/ko/"><b class="icon1"></b><span>집</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ko/course.html"><b class="icon2"></b><span>강의</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ko/article.html"><b class="icon3"></b><span>기사</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ko/wenda.html"><b class="icon4"></b><span>Q&A</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ko/dic.html"><b class="icon6"></b><span>사전</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ko/course/type/99.html"><b class="icon7"></b><span>수동</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ko/xiazai/"><b class="icon8"></b><span>다운로드</span><div class="clear"></div></a></li><li><a href="http://m.php.cn/ko/faq/zt" title="주제"><b class="icon12"></b><span>주제</span><div class="clear"></div></a></li><div class="clear"></div></ul></div></div><div class="nphpDing" style="display: none;"><div class="nphpDinglogo"><a href="http://m.php.cn/ko/"></a></div><div class="nphpNavIn1"><div class="swiper-container nphpNavSwiper1"><div class="swiper-wrapper"><div class="swiper-slide"><a href="http://m.php.cn/ko/" >집</a></div><div class="swiper-slide"><a href="http://m.php.cn/ko/article.html" class="hover">기사</a></div><div class="swiper-slide"><a href="http://m.php.cn/ko/wenda.html" >Q&A</a></div><div class="swiper-slide"><a href="http://m.php.cn/ko/course.html" >강의</a></div><div class="swiper-slide"><a href="http://m.php.cn/ko/faq/zt" >주제</a></div><div class="swiper-slide"><a href="http://m.php.cn/ko/xiazai" >다운로드</a></div><div class="swiper-slide"><a href="http://m.php.cn/ko/game" >게임</a></div><div class="swiper-slide"><a href="http://m.php.cn/ko/dic.html" >사전</a></div><div class="clear"></div></div></div><div class="langadivs" ><a href="javascript:;" class="bg4 bglanguage"></a><div class="langadiv" ><a onclick="javascript:setlang('zh-cn');" class="language course-right-orders chooselan " href="javascript:;"><span>简体中文</span><span>（ZH-CN）</span></a><a onclick="javascript:setlang('en');" class="language course-right-orders chooselan " href="javascript:;"><span>English</span><span>（EN）</span></a><a onclick="javascript:setlang('zh-tw');" class="language course-right-orders chooselan " href="javascript:;"><span>繁体中文</span><span>（ZH-TW）</span></a><a onclick="javascript:setlang('ja');" class="language course-right-orders chooselan " href="javascript:;"><span>日本語</span><span>（JA）</span></a><a onclick="javascript:;" class="language course-right-orders chooselan chooselanguage" href="javascript:;"><span>한국어</span><span>（KO）</span></a><a onclick="javascript:setlang('ms');" class="language course-right-orders chooselan " href="javascript:;"><span>Melayu</span><span>（MS）</span></a><a onclick="javascript:setlang('fr');" class="language course-right-orders chooselan " href="javascript:;"><span>Français</span><span>（FR）</span></a><a onclick="javascript:setlang('de');" class="language course-right-orders chooselan " href="javascript:;"><span>Deutsch</span><span>（DE）</span></a></div></div><script> var swiper = new Swiper('.nphpNavSwiper1', { slidesPerView : 'auto', observer: true,//修改swiper自己或子元素时，自动初始化swiper observeParents: true,//修改swiper的父元素时，自动初始化swiper }); </script></div></div><!--顶部导航 end--><script>isLogin = 0;</script><script type="text/javascript" src="/static/layui/layui.js"></script><script type="text/javascript" src="/static/js/global.js?4.9.47"></script></div><script src="https://vdse.bdstatic.com//search-video.v1.min.js"></script><link rel='stylesheet' id='_main-css' href='/static/css/viewer.min.css' type='text/css' media='all'/><script type='text/javascript' src='/static/js/viewer.min.js?1'></script><script type='text/javascript' src='/static/js/jquery-viewer.min.js'></script><script>jQuery.fn.wait = function (func, times, interval) { var _times = times || -1, //100次 _interval = interval || 20, //20毫秒每次 _self = this, _selector = this.selector, //选择器 _iIntervalID; //定时器id if( this.length ){ //如果已经获取到了，就直接执行函数 func && func.call(this); } else { _iIntervalID = setInterval(function() { if(!_times) { //是0就退出 clearInterval(_iIntervalID); } _times <= 0 || _times--; //如果是正数就 -- _self = $(_selector); //再次选择 if( _self.length ) { //判断是否取到 func && func.call(_self); clearInterval(_iIntervalID); } }, _interval); } return this; } $("table.syntaxhighlighter").wait(function() { $('table.syntaxhighlighter').append("<p class='cnblogs_code_footer'><span class='cnblogs_code_footer_icon'></span></p>"); }); $(document).on("click", ".cnblogs_code_footer",function(){ $(this).parents('table.syntaxhighlighter').css('display','inline-table');$(this).hide(); }); $('.nphpQianCont').viewer({navbar:true,title:false,toolbar:false,movable:false,viewed:function(){$('img').click(function(){$('.viewer-close').trigger('click');});}}); </script></body></html>