想自学javascript需要首先学习哪些方面的知识？ 如果我要学习JavaScript，需要先学习什么呢？
\u5982\u4f55\u6b63\u786e\u5b66\u4e60JavaScriptJavaScript\u4f5c\u4e3a\u7f51\u7ad9\u524d\u7aef\u7684\u6838\u5fc3\u77e5\u8bc6\u662f\u975e\u5e38\u91cd\u8981\u7684\uff0c\u4f46\u662f\u5982\u4f55\u5b66\u4e60JavaScript\u662f\u5f88\u591a\u521d\u5b66\u8005\u9762\u5bf9\u7684\u4e00\u4e2a\u96be\u9898\uff0c\u4e0b\u9762\u6211\u8bf4\u4e00\u4e0b\u4e2a\u4eba\u5bf9\u4e8e\u5982\u4f55\u5b66\u4e60JavaScript\u7684\u4e00\u70b9\u5fc3\u5f97\uff0c\u5e0c\u671b\u80fd\u5e2e\u5230\u5927\u5bb6\u3002
1\u3001\u9996\u5148\u5b66\u4e60\u57fa\u7840\uff0c\u5c24\u5176\u662fJavaScript\u4e0e\u5176\u4ed6\u8bed\u8a00\u4e0d\u540c\u7684\u57fa\u7840\u77e5\u8bc6\u3002
\u5b66\u4e60\u6bcf\u4e2a\u7f16\u7a0b\u8bed\u8a00\u53ef\u80fd\u90fd\u8981\u4ece\u57fa\u7840\u7684\u53d8\u91cf\u51fd\u6570\u7ed3\u6784\u7b49\u5b66\u8d77\uff0cJavaScript\u76f8\u5bf9\u4e8e\u5176\u4ed6\u7684\u7f16\u7a0b\u8bed\u8a00\u5728\u57fa\u7840\u4e0a\u6709\u4e00\u4e9b\u6bd4\u8f83\u6709\u7279\u70b9\u7684\u5730\u65b9\uff0c\u8fd9\u4e9b\u4e1c\u897f\u662f\u5c24\u5176\u9700\u8981\u6211\u4eec\u6ce8\u610f\u7684\uff0c\u6bd4\u5982\u8bf4\u81ea\u8c03\u51fd\u6570\u3001\u6bd4\u5982\u8bf4\u53d8\u91cf\u503c\u4e3a\u7a7a\u4e0d\u662fnull\u800c\u662fundefined\u7684\u7b49\uff0c\u8fd9\u4e9b\u4e1c\u897f\u90fd\u662f\u548c\u4e3b\u6d41\u7684\u7f16\u7a0b\u7684\u8bed\u8a00\u5982c++\u3001java\u7b49\u662f\u6709\u533a\u522b\u7684\uff0c\u6240\u4ee5\u60f3\u8981\u5b66\u597dJavaScript\uff0c\u8fd9\u4e9b\u57fa\u7840\u7684\u77e5\u8bc6\u4e00\u5b9a\u8981\u628a\u63e1\u597d\u5b66\u4e60\u597d\u624d\u884c\u3002
2\u3001\u5173\u4e8e\u5b66\u4e60JavaScript\u7684\u8fdb\u9636
JavaScript\u8fdb\u9636\u77e5\u8bc6\u66f4\u662f\u6709\u5f88\u591a\u96be\u7406\u89e3\u7684\u4e1c\u897f\u548c\u4e0d\u540c\u4e8e\u5176\u4ed6\u8bed\u8a00\u7684\u4e1c\u897f\uff0c\u8fd9\u4e9b\u4e1c\u897f\u90fd\u662f\u6df1\u5165\u5b66\u4e60JavaScript\u7684\u96be\u70b9\uff0c\u7b80\u5355\u7684\u8bf4\u4e00\u4e0bJavaScript\u662f\u57fa\u4e8e\u5bf9\u8c61\u7684\u6d4f\u89c8\u5668\u811a\u672c\u8bed\u8a00\uff0c\u4f46\u662f\u4e3a\u4e86\u4f7fJavaScript\u4e5f\u80fd\u591f\u652f\u6301\u9762\u5411\u5bf9\u8c61\u7f16\u7a0b\uff0c\u4eba\u4eec\u5c31\u4f7f\u7528\u4e86\u5f88\u591a\u7684\u65b9\u6cd5\u6765\u6a21\u62df\u9762\u5411\u5bf9\u8c61\u7684\u7684\u7279\u70b9\uff0c\u8fd9\u4e9b\u5c31\u53d8\u6210\u4e86JavaScript\u7684\u4e00\u4e9b\u96be\u70b9\uff0c\u6bd4\u5982\u8bf4JavaScript\u7684\u7ee7\u627f\u8981\u501f\u52a9\u539f\u578b\u3001\u6bd4\u5982JavaScript\u7684\u7c7b\u9700\u8981\u4f7f\u7528\u6784\u9020\u51fd\u6570\u6765\u6784\u9020\u4e00\u4e2a\u5bf9\u8c61\u7b49\uff0c\u8fd9\u4e9b\u4e1c\u897f\u90fd\u662f\u548c\u5176\u4ed6\u652f\u6301\u9762\u5411\u5bf9\u8c61\u7684\u8bed\u8a00\u662f\u4e0d\u540c\u7684\uff0c\u6240\u4ee5\u5c31\u5bfc\u81f4\u4e86\u4e00\u4e9b\u96be\u70b9\u3002\u5173\u4e8e\u8fdb\u9636\u5b66\u4e60JavaScript\uff0c\u8fd8\u6709JavaScript\u4e00\u4e9b\u6df1\u5165\u7684\u77e5\u8bc6\u9700\u8981\u53bb\u7406\u89e3\u6bd4\u5982\u539f\u578b\u94fe\u548c\u95ed\u5305\u3001\u6bd4\u5982\u6536\u51fd\u6570\u7684\u4f5c\u7528\u57df\u6267\u884c\u6d41\u7a0b\u548c\u4e0a\u4e0b\u6587\uff0c\u8fd9\u4e9b\u4e1c\u897f\u90fd\u662fJavaScript\u6bd4\u8f83\u6df1\u5165\u7684\u77e5\u8bc6\u3001
\u6700\u540e\u8bf4\u660e\uff0cJavaScript\u4f5c\u4e3a\u524d\u7aef\u7684\u6838\u5fc3\u8bed\u8a00\u7edd\u5bf9\u6ca1\u6709\u6ca1\u6709\u60f3\u8c61\u7684\u90a3\u4e48\u7b80\u5355\uff0c\u8981\u60f3\u5b66\u597dJavaScript\u9664\u4e86\u4ee5\u4e0a\u63d0\u5230\u7684\u77e5\u8bc6\u548c\u6ce8\u610f\u70b9\uff0c\u8fd8\u9700\u8981\u7684\u5c31\u662f\u591a\u52a8\u624b\u548c\u5b9e\u8df5\uff0c\u6211\u4eec\u90fd\u77e5\u9053\u7f51\u9875\u4e0a\u7684\u6240\u6709\u7279\u6548\u90fd\u662f\u501f\u52a9JavaScript\u6765\u5b9e\u73b0\uff0c\u90a3\u4e48\u6211\u4eec\u5c31\u9700\u8981\u5728\u5b66\u4e60JavaScript\u7684\u8fc7\u7a0b\u4e2d\u591a\u4f7f\u7528\u539f\u751f\u7684JavaScript\u4ee3\u7801\u5b9e\u73b0\u4e00\u4e9b\u7279\u6548\uff0c\u5f53\u7136\u5b66\u4e60\u4f7f\u7528jQuery\u7b49JavaScript\u7c7b\u5e93\u8fdb\u884c\u5f00\u53d1\u4e5f\u5341\u5206\u7684\u91cd\u8981\uff0c\u4f46\u662f\u8fd9\u7edd\u5bf9\u4e0d\u80fd\u662f\u53d6\u4ee3\u6211\u4eec\u5b66\u4e60JavaScript\u7684\u65b9\u6cd5\u3002
\u9996\u5148\u8fd8\u662f\u5f97\u719f\u6089html css\uff0c\u56e0\u4e3ajavascript\u7684\u64cd\u4f5c\u5927\u591a\u90fd\u5bf9html\u6807\u7b7e\u7684\u641c\u7d22\uff0c\u5220\u9664\uff0c\u67e5\u8be2\uff0c\u6dfb\u52a0\uff0c\u6ce8\u518c\u4fa6\u542c\u5668\uff0c\u4ee5\u53ca\u5bf9\u6837\u5f0f\u8868css\u7684\u63a7\u5236\u7b49\u3002
\u7136\u540e\u624d\u662f\u5b66\u4e60javascript,"\u7f51\u7ad9\u5f00\u53d1\u4e4b\u65c5"\u7684 \u300ajavascript\u4ece\u5165\u95e8\u5230\u7cbe\u9ad3\u300b\uff0c\u53ef\u4ee5\u5bf9javascript\u6709\u4e2a\u521d\u6b65\u7684\u8ba4\u8bc6\u4ee5\u53ca\u65b9\u4fbf\u67e5\u8be2\u3002\u6211\u5927\u591a\u770b\u7684\u662f"\u56fe\u7075\u7cfb\u5217"\u7684\u76f8\u5173\u4e66\u7c4d\uff0c\u5982\u300ajavascript\u57fa\u7840\u6559\u7a0b\u300b\uff0c\u300ajavascript Dom\u7f16\u7a0b\u827a\u672f\u300b\uff0c\u300ajavaScript Dom\u9ad8\u7ea7\u7a0b\u5e8f\u8bbe\u8ba1\u300b(\u719f\u6089\u4e86\u4ee5\u540e\u518d\u770b\uff0c\u8fd9\u65b9\u9762\u7684\u625b\u9f0e\u4e4b\u4f5c)\u7b49\uff1b
\u6bcf\u4e00\u672c\u4e66\u7684\u4fa7\u91cd\u70b9\u4e0d\u540c\uff0c\u5efa\u8bae\u591a\u770b\u4e0d\u540c\u7684\u4e66\uff0c\u5982\u679c\u4f60\u662f\u6709\u7f16\u7a0b\u57fa\u7840\u7684\uff0c\u90a3\u4e48\u719f\u6089\u4f7f\u7528\u4e00\u79cd\u8bed\u8a00\u662f\u5f88\u5feb\u7684\uff0c\u6bd5\u7adf\u7f16\u7a0b\u601d\u60f3\u662f\u4e00\u6837\u7684\u561b\u3002\u81ea\u5df1\u505a\u51e0\u4e2a\u5c0f\u7f51\u7ad9\uff0c\u5b9e\u8df5\u591a\u4e86\u81ea\u7136\u5c31\u61c2\u5f97\u591a\u4e86\u3002\u5b66\u5230\u795e\u9a6c\u7a0b\u5ea6\u5176\u5b9e\u4e0d\u597d\u8bf4\uff0c\u6b63\u6240\u8c13\u5e08\u7236\u9886\u8fdb\u95e8\uff0c\u4fee\u884c\u5728\u4e2a\u4eba\u561b\u3002
\u81f3\u4e8e\u627e\u5de5\u4f5c\u7684\u8bdd\uff0c\u4f60\u53ef\u4ee5\u627e web\u524d\u7aef\u5f00\u53d1(web\u524d\u7aef\u5de5\u7a0b\u5e08)\uff0c\u8fd9\u4e2a\u804c\u4e1a\u4f60\u53ef\u4ee5\u767e\u5ea6\u4e00\u4e0b\u3002
如果是做美工的, 学习使用网页制作的工具(dreamweaver, frontpage这种), 学习HTML标签语法, 学习CSS, 基本不需要学习js
如果主要使用JSP或者ASP.Net, 脚本仅仅用来做一些简单的验证, 那只要随便买本书, 掌握js的基本语法, 在看下HTML的DOM1就行了.
如果公司没有美工, 要求程序员实现一定的页面效果, 推荐学习jquery. 有很多控件可以用. jquery本身非常轻量, 核心100多k而已, 实现了dom封装和ajax等重要功能, 基本解决了不同浏览器核心的兼容性问题. 历来javascript最麻烦的问题就是DOM的操作浏览器兼容性问题.
如果是要做业务系统的话推荐学习ExtJS, ExtJS使用JavaScript及CSS实现大部分GUI的标准控件, 提供统一的编程接口, 类似于使用js语言编写C/S程序. 可以完全无视浏览器兼容性问题.
熟悉Java C#这类强制类型编译语言, 学习JavaScript这种弱类型动态语言比较痛苦. 掌握了之后你就会发现JS可以实现很多很神奇的东西
下面的html粘了存成html文件打开试下, 输入4则运算, 多复杂都行.
你说做这样一个计算器用C#得写多少代码?
js只要一行, 神奇吧!
<html>
<title>超小型计算器</title>
<script>
function calc() {
document.getElementById('result').value = eval(document.getElementById('expr').value);
}
</script>
输入算式<input id="expr" /> <input type="button" value=" = " onclick="calc();"/> <input id="result" />
</html>
再免费送你个好玩的东西
<html>
<title>Catch me! If you can... </title>
<script>
faces = '>"</- -凸/^ ^b/XD/:P/≥ω≤/'.split('/');
function move() {
var a = document.getElementById('a');
a.style.top = Math.floor(500 * Math.random()) + "px";
a.style.left = Math.floor(800 * Math.random()) + "px";
a.value = faces[Math.floor(6 * Math.random())];
}
</script>
<input id="a" type="button" value="小样, 来点我呀~" onmouseover="move();" style="position:absolute;top=200px;left=200px;font-size:18px;"/>
</html>
毕竟是web应用得多些，可以HTML，div+css，要知道一些调试工具，要标准，要考虑浏览器兼容，碰到问题问搜索引擎和帮助手册。
superkamiu说得也没错。先从简单的实例做起，什么表单验证，然后到什么修改元素样式。。慢慢来。看别人代码看不懂就Google一下。可能会慢慢碰到什么继承啊，类啊。
你去verycd上下jsp的视频，只要你能静下心完整看完其中的一部，你就可以了。。。
http://www.w3school.com.cn
这里面有一套蛮好用的学习方案···不管是html。还是css都有蛮有参考用途的
绛旓細鍙互閫夋嫨閫氳繃鍦ㄧ嚎鏁欑▼銆佷功绫嶃佽棰戞暀绋嬬瓑閫斿緞瀛︿範JavaScript銆傚浜庡垵瀛﹁呮潵璇达紝寤鸿閫夋嫨涓濂楀畬鏁寸殑鍩虹鏁欑▼锛岀郴缁熷湴瀛︿範JavaScript鐨勫熀纭鐭ヨ瘑鍜屾牳蹇冩妧鏈傚悓鏃讹紝鍙互鍙傝冧竴浜涗紭绉鐨勫紑婧愰」鐩拰浠ｇ爜绀轰緥锛岄氳繃瀹炶返鏉ュ姞娣卞JavaScript鐨勭悊瑙ｃ傛瘡澶╂姇鍏ョ殑瀛︿範鏃堕棿涔熸槸鍐冲畾鑷鏃堕棿鐨勯噸瑕佸洜绱犮傚鏋滄瘡澶╄兘澶熶繚璇佷竴瀹氱殑瀛︿範鏃...
绛旓細瑕佺郴缁熺殑瀛︿範JavaScript瑕佹帉鎻′互涓嬬煡璇嗭細棣栧厛鎺屾彙HTML鍜孋SS锛岃繖鏄熀纭涔熸槸瀛︿範JavaScript鐨勬椂鍊欓渶瑕佺敤鍒扮殑鐭ヨ瘑銆 鍗冮攱鏁欒偛灏辨湁绾夸笂鍏嶈垂JavaScript绾夸笂鍏紑璇俱傚叾娆★紝鍒氬紑濮嬪叆闂ㄤ笉寤鸿鐪嬨奐avaScript鏉冨▉鎸囧崡銆嬪拰銆奐avaScript楂樼骇绋嬪簭璁捐銆嬭繖浜涗功绫嶃傚苟闈炶繖浜涗功绫嶄笉濂斤紝鐩稿弽杩欎簺涔︾睄鏄叕璁ょ殑濂戒功!涓昏鏄洜涓鸿繖浜涗功绫...
绛旓細JavaScript鐨凞OM鎿嶄綔+BOM鎿嶄綔+cookie鎿嶄綔+RegExp姝ｅ垯琛ㄨ揪寮+Ajax銆侀潰鍚戝鍜孞query鐗规晥锛涘鏋滀綘鎯虫彁鍗囪嚜宸辩湡姝ｇ殑瀹炲姏,浣犲彲浠ユ潵鎴戜滑杩欎釜QQ缇ゅ涔,寮濮嬬殑绗竴缁勬槸:62涔,鐒跺悗浣嶄簬涓棿浣嶇疆鐨勪竴缁勬槸:涓冧簩浜,鏈鍚庝竴缁勬槸:222,鎸夌収椤哄簭鎷艰捣鏉,灏辫兘鎵惧埌瑙ｅ喅鍥版壈浣犲唴蹇冪殑娈垮爞銆
绛旓細杩欎釜涓嶆槸瀛avascript锛屽ぇ姒傚澶氭暟鐨勪笢瑗块兘鏄繖涓儏鍐典簡銆傛洿涓昏鐨勬槸锛岃嚜宸鎬庝箞瀛﹀暒銆傚鏋滆兘鏈変釜濂界殑鑷鐨勯斿緞锛屽璧锋潵鏇存湁鏁堢巼鏄嚜鐒剁殑浜嬨傚氨姣斿璇达細function theFn(){ var adiv1=document.getElementById('div1');adiv1.innerHTML="浣犲ソ鍛锛屽ぇ姒鑷javascript鏄緢濂界殑浜嬪暒";return 5;} 濡...
绛旓細澶ф涓鍏闇瑕5涓湀鐨勬椂闂淬傚綋鐒惰繖鏈熼棿闇瑕佸仛澶ч噺鐨勫疄璺典笌缁冧範锛屾潵宸╁浐鍩虹鐭ヨ瘑銆傚鏋滄槸闆跺熀纭锛屽苟涓旇嚜鎺у姏涓嶅己锛岃繕鏄缓璁姤涓涓煿璁彮锛岀郴缁瀛︿範涓涓嬪墠绔煡璇嗭紝鎶婂熀纭鐭ヨ瘑鎵撴墡瀹炰簡锛屽皢鏉ョ殑瀛︿範浼氬緢绠鍗曘備笉绠℃鏋濡備綍鏀瑰彉锛岄兘涓囧彉涓嶇鍏跺畻鐨勩傚鏋滃熀纭鐭ヨ瘑涓嶆墡瀹烇紝妗嗘灦鏃ユ柊鏈堝紓锛屼細鎰熷埌寰堝悆鍔涖
绛旓細鐢 JavaScript 鎿嶆帶 BOM 锛堟祻瑙堝櫒鎺ュ彛锛夛紝杩欎釜浣犻渶瑕佷簡瑙 BOM 瑙勮寖锛涚敤 JavaScript 淇敼 HTML 鑺傜偣鐨勬牱寮忥紝杩欎釜浣闇瑕佸涔 CSS 鏍煎紡锛屽苟浜嗚В CSS 瑙勮寖锛涚敤 JavaScript 杩涜缃戠粶閫氳锛岃繖涓綘闇瑕佸涔犵綉缁滃熀纭鐭ヨ瘑锛屽苟浜嗚В HTTP 鍗忚瑙勮寖銆傚彟澶栵細濡傛灉浣犺浣跨敤瀹氫綅鍔熻兘锛岄偅涔堜綘瑕佷簡瑙ｅ畾浣嶇殑鏂瑰紡鏈夊摢浜涳紝鍋忓樊鏈...
绛旓細浣犲ソ锛瀛︿範Javascript涓闇瑕鑻辫寰堝ソ鐨勶紝濡傛灉瀛︿範缂栫▼鐨勮瘽锛屾渶濂芥妸鑻辫瀛﹀ソ锛屽洜涓烘瘮杈冨墠娌跨殑缂栫▼鐞嗚涔︾睄閮芥槸鑻辨枃鐨勶紝铏界劧鏈夌炕璇戜负涓枃鐨勶紝浣嗘槸姣曠珶涓嶆槸绗竴鎵嬭祫鏂欙紝濡傛灉鎯冲湪缂栫▼鐨勯亾璺笂璧板緱杩滅殑璇濓紝杩樻槸瑕佹妸鑻辨枃瀛﹀ソ鐨勩
绛旓細瀛︿範Javascript缁欏ぇ瀹舵帹鑽愬嚑鏈功锛屽叆闂ㄤ功绫嶃奐avascript dom缂栫▼鑹烘湳銆嬪拰鍐呭鍏ㄩ潰鐐圭殑鏈夈奐avascript楂樼骇绋嬪簭璁捐銆嬨傜湅瀹岃繖浜涳紝浣犵殑Js鍩虹灏卞鐨勫樊涓嶅浜嗗啀灏辨槸瀛︿範Js妗嗘灦锛屼緥濡倂ue.Js锛宺eact锛宎ngular.Js绛夈傚鏋滄兂浜嗚ВJavascript鏇村鐩稿叧鐭ヨ瘑锛屽缓璁埌鍗冮攱鏁欒偛浜嗚В涓涓嬨傚崈閿嬫暀鑲茬洰鍓嶅湪18涓煄甯傛嫢鏈22涓牎鍖猴紝...
绛旓細瀛︿範Javascript锛岄鍏堝畠鍜孞ava鐨勫叧绯讳笉澶э紝鎵浠ヤ笉闇瑕Java鍩虹涔熷彲浠ワ紝浣嗚嚦灏戣鏈塰tml鍩虹锛屽惁鍒欏嵆浣垮涔犱簡锛屼篃涓嶇煡閬鎬庝箞浣跨敤鏇村ソ锛屾洿鏈夋晥銆傚涔爃tml姣旇緝瀹规槗锛屽鏋滆姹備笉澶珮锛屼箣鍚庡彲浠ラ傚綋鐪嬩竴涓媍ss鍜宒iv銆傞渶瑕佹亽蹇冦JS涓嶆槸閭ｄ箞濂藉鐨勶紝鏈韩璇█璁捐鐨勬椂鍊欏氨鏈夊緢澶氫笉鍙濊鐨勫湴鏂癸紝鍍弒elf,鍍廋,鍍廕ava,...
绛旓細1.棣栧厛瀛︿範w3school鍦ㄧ嚎鏁欑▼锛岄噷闈㈡湁寰堝灏忕殑渚嬪瓙锛屽簲璇ュ鍋氾紝瀵圭浉鍏虫妧鏈湁涓瀹氱殑浜嗚В锛 2.璇曠潃澶氱粌涔犱竴浜涚◢寰ぇ涓鐐圭殑瀹炰緥锛 3.澶氱湅鍑犳湰濂戒功锛屾瘮濡傦細javascript楂樼骇绋嬪簭璁捐銆乯avascript鏉冨▉鎸囧崡銆佺簿閫欳SS銆丆SS鏉冨▉鎸囧崡銆乯avascript璇█绮剧补绛
