Maison >interface Web >js tutoriel >Résumé des connaissances de base de JavaScript et des compétences courantes en matière de méthodes_javascript

Résumé des connaissances de base de JavaScript et des compétences courantes en matière de méthodes_javascript

WBOY
WBOYoriginal
2016-05-16 15:20:281151parcourir

JAVASCRIPT est un élément indispensable de la technologie AJAX, donc si vous souhaitez bien apprendre AJAX et le framework AJAX populaire, bien apprendre JAVASCRIPT est le plus important.

1. Connaissances de base :

1.document.write(""); Instruction de sortie
2. Le commentaire en JS est //
3. La séquence traditionnelle du document HTML est : document->html->(head,body)
4. La séquence DOM dans une fenêtre de navigateur est : window->(navigateur, écran, historique, emplacement, document)
5. Récupérez le nom et la valeur de l'élément sous la forme : document.getElementById("Numéro d'identification de l'élément dans le formulaire").name (ou valeur)
6. Un JS qui convertit les minuscules en majuscules : document.getElementById("output").value = document.getElementById("input").value.toUpperCase();
7. Types de valeurs en JS : Chaîne, Nombre, Booléen, Null, Objet, Fonction
8. Convertissez le type de caractère dans JS en type numérique : parseInt(), parseFloat()
9. Convertissez les nombres en JS en type de caractère : ("" variable)
10. La longueur de la chaîne en JS est : (longueur)
11. Les caractères en JS sont connectés aux caractères à l'aide du symbole.
12. Les opérateurs de comparaison dans JS incluent : == égal à, != différent de, >, >=, e1e4e28a0533a85cd9c42c86c4dd0937
49. 파일 스타일 JS 인용:e508589c3715add41f9ad96d32f35a1c2cacc6d41bbb37262a98f745aa00fbf0
50. 스크립트를 지원하지 않는 브라우저에 표시할 HTML을 지정하세요:2b0b25ff593c5b6c03403dd6234ffb2cf920f363442462683100636cb2662870
51. 하이퍼링크와 ONCLICK 이벤트가 모두 있는 경우 이전 버전의 브라우저는 a.html로 리디렉션되고, 그렇지 않으면 b.html로 리디렉션됩니다. 예: d6b7357bc4e0c96af4e4e1d6bc7e0da9dfsadf5db79b134e9f6b82c0b36e0489ee08ed
52. JS의 내장 객체는 다음과 같습니다: Array, Boolean, Date, Error, EvalError, Function, Math, Number, Object, RangeError, ReferenceError, RegExp, String, SyntaxError, TypeError, URIError
53. JS:/n의 줄바꿈
54. 창 전체 화면 크기:3f1c4e4b6b16bbbd69b2ee476dc4f83afunction fullScreen(){ this.moveTo(0,0);this.outerWidth=screen.availWidth;this.outerHeight=screen.availHeight;}window.maximize=fullScreen;6fa91e54c07be4a78b6848fe0cbd1161
55.JS의 all은 그 아래의 모든 요소를 ​​나타냅니다
56.JS의 포커스 순서: document.getElementByid("Form Element").tabIndex = 1
57.innerHTML의 값은 양식 요소의 값입니다. 예를 들어 ab0cf0dc10fb83cfce1c239d3c0ef11e"How are 907fae80ddef53131f3292ee4f81644byoud1c6776b927dc33c5d9114750b586338"94b3e26ee717c64999d7867364b1b4a3와 같은 경우 innerHTML의 값이 됩니다. 입니다: < ;em>너d1c6776b927dc33c5d9114750b586338
잘 지내? 58.
과 같은 태그가 표시되지 않는다는 점을 제외하면 innerTEXT의 값은 위와 동일합니다. 59.contentEditable은 요소 수정 가능 여부를 설정할 수 있으며, isContentEditable은 수정 가능 여부 상태를 반환합니다.
60.isDisabled는 금지 상태인지 여부를 결정합니다. 비활성화는 금지 상태를 설정합니다
61.length는 길이를 가져오고 정수 값을 반환합니다
62.addBehavior()는 JS에서 호출되는 외부 함수 파일입니다. 확장자는 .htc
입니다. 63.window.focus()는 현재 창을 모든 창 앞에 놓습니다.
64.blur()는 초점을 잃는다는 의미입니다. FOCUS()와 반대입니다.
65.select()는 요소가 선택되었음을 의미합니다.
66. 사용자가 텍스트 상자에 텍스트를 입력하는 것을 방지합니다: onfocus="this.blur()"
67. 페이지에서 이 요소의 발생 횟수를 확인하세요: document.all.tags("div (또는 기타 HTML 태그)").length
68. JS에는 두 가지 유형의 양식 출력이 있습니다: 모달과 비모달.window.showModaldialog(),window.showModeless()
69. 상태 표시줄 텍스트 설정: window.status='text', 기본 상태 표시줄 텍스트 설정: window.defaultStatus = 'text.';
70. 즐겨찾기에 추가: external.AddFavorite("http://www.dannyg.com","jaskdlf");
71. JS에서 스크립트 오류가 발생하면 아무런 조치도 취하지 않습니다: window.onerror = doNothing; 오류 핸들을 지정하는 구문은 다음과 같습니다: window.onerror = handlerError;
72. JS에서 현재 열린 창의 상위 창을 지정합니다: window.opener, 그리고 opener.opener의 여러 연속 지원...
73.JS의 Self는 현재 창을 의미합니다
74. JS 상태 표시줄에 표시되는 콘텐츠: window.status="Content"
JS의 75.top은 프레임셋의 최상위 프레임을 나타냅니다
76.JS에서 현재 창 닫기: window.close();
77.JS中提出是否确认的框:if(confirm("Are you sure?")){alert("ok");}else{alert("Not Ok");}
78.JS中的窗口重定向:window.navigate("http://www.sina.com.cn");
79.JS中的打印:window.print()
80.JS中的提示输入框:window.prompt("message","defaultReply");
81.JS中的窗口滚动条:window.scroll(x,y)
82.JS中的窗口滚动到位置:window.scrollby
83.JS中设置时间间隔:setInterval("expr",msecDelay)或setInterval(funcRef,msecDelay)或setTimeout
84.JS中的模态显示在IE4+行,在NN中不行:showModalDialog("URL"[,arguments][,features]);
85.JS中的退出之前使用的句柄:function verifyClose(){event.returnValue="we really like you and hope you will stay longer.";}} window.onbeforeunload=verifyClose;
86.当窗体第一次调用时使用的文件句柄:onload()
87.当窗体关闭时调用的文件句柄:onunload()
88.window.location的属性: protocol(http:),hostname(www.example.com),port(80),host(www.example.com:80),pathname("/a/a.html"),hash("#giantGizmo",指跳转到相应的锚记),href(全部的信息)
89.window.location.reload()刷新当前页面.
89-1.parent.location.reload()刷新父亲对象(用于框架)
89-2.opener.location.reload()刷新父窗口对象(用于单开窗口)
89-3.top.location.reload()刷新最顶端对象(用于多开窗口)
90.window.history.back()返回上一页,window.history.forward()返回下一页,window.history.go(返回第几页,也可以使用访问过的URL)
91.document.write()不换行的输出,document.writeln()换行输出
92.document.body.noWrap=true;防止链接文字折行.
93.变量名.charAt(第几位),取该变量的第几位的字符.
94."abc".charCodeAt(第几个),返回第几个字符的ASCii码值.
95.字符串连接:string.concat(string2),或用+=进行连接
96.变量.indexOf("字符",起始位置),返回第一个出现的位置(从0开始计算)
97.string.lastIndexOf(searchString[,startIndex])最后一次出现的位置.
98.string.match(regExpression),判断字符是否匹配.
99.string.replace(regExpression,replaceString)替换现有字符串.
100.string.split(分隔符)返回一个数组存储值.
101.string.substr(start[,length])取从第几位到指定长度的字符串.
102.string.toLowerCase()使字符串全部变为小写.
103.string.toUpperCase()使全部字符变为大写.
104.parseInt(string[,radix(代表进制)])强制转换成整型.
105.parseFloat(string[,radix])强制转换成浮点型.
106.isNaN(变量):测试是否为数值型.
107.定义常量的关键字:const,定义变量的关键字:var

二:javascript常用方法如下:

1.index和indexof ,lastindexof

var arr = [1,2,3,4,5,4,3,2,1];
// 1个参数的时候表示传值,返回索引位置 (index 从零开始)
var index = arr.indexOf(4);
// 2个参数的时候,第一个参数表示起始位置 第二个参数还是值
var index = arr.indexOf(4,4);
//alert(index)// 5

2.五个新迭加方法

// every :对于数组每一个元素进行一个函数的运行,如果都返回true 最后则返回true 如果有一个不满足条件,则返回false
var result = arr.every(function(item,index,array){
return item > 2;
});
alert(result);
// filter:对于数组的每一个元素进行一个函数的运行 给定的函数去执行 把过滤后的结果返回
var result = arr.filter(function(item,index,array){
return item > 2;
});
alert(result);
// forEach:循环数组每一项的值,并执行一个方法
arr.forEach(function(item,index,array){
alert(item);
});
//map 对于数组的每一个元素进行一个函数的运行 可以经过函数执行完毕后 把新的结果返回
var result = arr.map(function(item,index,array){
return item*2;
});
alert(result)
//some:对于数组每一个元素惊醒一个函数的运行,如果有一项返回true ,则返回true,如果有一个返回false 则返回false
var result = arr.some(function(item,index,array){
return item >=5;
});
alert(result);
// reduce reduceRight
// 前一个 值,当前值,索引位置,array
var result = arr.reduce(function(prev,cur,index,array){
return prev + cur;
});
alert(result);// 25
var result = arr.reduceRight(function(prev,cur,index,array){
return prev + cur;
});
alert(result)//25
Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn