Heim >Web-Frontend >js-Tutorial >Zusammenfassung der JavaScript-Grundkenntnisse und allgemeiner Methoden_Javascript-Fähigkeiten
JAVASCRIPT ist ein unverzichtbarer Bestandteil der AJAX-Technologie. Wenn Sie also AJAX und das beliebte AJAX-Framework gut erlernen möchten, ist es am wichtigsten, JAVASCRIPT gut zu erlernen.
1. Grundkenntnisse:
1.document.write(""); Ausgabeanweisung
2. Der Kommentar in JS lautet //
3. Die traditionelle HTML-Dokumentsequenz lautet: document->html->(head,body)
4. Die DOM-Sequenz in einem Browserfenster lautet: window->(Navigator, Bildschirm, Verlauf, Speicherort, Dokument)
5. Rufen Sie den Namen und den Wert des Elements im Formular ab: document.getElementById("ID-Nummer des Elements im Formular").name (oder Wert)
6. Ein JS, das Kleinbuchstaben in Großbuchstaben umwandelt: document.getElementById("output").value = document.getElementById("input").value.toUpperCase();
7. Werttypen in JS: String, Zahl, Boolean, Null, Objekt, Funktion
8. Konvertieren Sie den Zeichentyp in JS in einen numerischen Typ: parseInt(), parseFloat()
9. Konvertieren Sie Zahlen in JS in den Zeichentyp: ("" Variable)
10. Die Länge der Zeichenfolge in JS beträgt: (Länge)
11. Zeichen in JS werden mit Zeichen über das Symbol verbunden.
12. Zu den Vergleichsoperatoren in JS gehören: == gleich, != ungleich, >, >=, 4d96f647362d5675e3284d988c52e275
49. Petik gaya fail JS:e508589c3715add41f9ad96d32f35a1c2cacc6d41bbb37262a98f745aa00fbf0
50. Tentukan HTML untuk dipaparkan dalam penyemak imbas yang tidak menyokong skrip:2b0b25ff593c5b6c03403dd6234ffb2cf920f363442462683100636cb2662870
51. Apabila terdapat kedua-dua hiperpautan dan acara ONCLICK, versi lama penyemak imbas akan mengubah hala ke a.html, jika tidak ia akan mengubah hala ke b.html Contoh: 9348e787547521236f675b1f820308a4dfsadf5db79b134e9f6b82c0b36e0489ee08ed
52. Objek terbina dalam JS ialah: Array, Boolean, Date, Ralat, EvalError, Function, Math, Number, Object, RangeError, ReferenceError, RegExp, String, SyntaxError, TypeError, URIError
53. Pemisahan baris dalam JS:/n
54. Saiz skrin penuh tetingkap:3f1c4e4b6b16bbbd69b2ee476dc4f83afunction fullScreen(){ this.moveTo(0,0);this.outerWidth=screen.availWidth;this.outerHeight=screen.availHeight;}window.maximize=fullScreen;c7107629913959225f1da31e448e9549
55.semua dalam JS mewakili semua elemen di bawahnya
56.Fokus tertib dalam JS: document.getElementByid("Elemen Borang").tabIndex = 1
57.Nilai innerHTML ialah nilai elemen bentuk: seperti ab0cf0dc10fb83cfce1c239d3c0ef11e"apa khabar 907fae80ddef53131f3292ee4f81644byoud1c6776b927dc33c5d9114750b586338"94b3e26ee717c64999d7867364b1b4a3, kemudian nilai innerHTML ialah: apa khabar < ;em>andad1c6776b927dc33c5d9114750b586338
58. Nilai innerTEXT adalah sama seperti di atas, kecuali tag seperti 907fae80ddef53131f3292ee4f81644b
59.contentEditable boleh menetapkan sama ada elemen boleh diubah suai dan isContentEditable mengembalikan status sama ada ia boleh diubah suai.
60.isDisabled menentukan sama ada ia adalah keadaan terlarang menetapkan keadaan terlarang
61.length mendapat panjang dan mengembalikan nilai integer
62.addBehavior() ialah fail fungsi luaran yang dipanggil oleh JS sambungannya ialah .htc
63.window.focus() meletakkan tetingkap semasa di hadapan semua tetingkap.
64.blur() bermaksud hilang fokus Ia adalah bertentangan dengan FOKUS().
65.select() bermaksud elemen dipilih.
66. Halang pengguna daripada memasukkan teks dalam kotak teks: onfocus="this.blur()"
67. Dapatkan bilangan kemunculan elemen ini pada halaman: document.all.tags("div (or other HTML tags)").length
68. Terdapat dua jenis output borang dalam JS: modal dan non-modal.window.showModaldialog(),window.showModeless()
69. Tetapan teks bar status: window.status='text', tetapan teks bar status lalai: window.defaultStatus = 'text.';
70. Tambahkan pada kegemaran: external.AddFavorite("http://www.dannyg.com","jaskdlf");
71. Tiada tindakan diambil apabila ralat skrip ditemui dalam JS: window.onerror = doNothing;
72. Tentukan tetingkap induk bagi tetingkap yang sedang dibuka dalam JS: window.opener, dan sokong berbilang kesinambungan opener.opener...
73. Diri dalam JS merujuk kepada tetingkap semasa
74. Kandungan dipaparkan dalam bar status dalam JS: window.status="Content"
75.atas dalam JS merujuk kepada bingkai paling atas dalam set bingkai
76.Tutup tetingkap semasa dalam 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