javascript基础部分三大核心是什么意思 JS超基础部分
javascript\u7684\u6838\u5fc3\u662f\u4ec0\u4e48\uff1f\uff1fjavascript\u7684\u51fa\u73b0\uff0c\u521d\u8877\u4e3a\u4e86\u64cd\u4f5cHTML DOM\uff0c\u8ba9\u7f51\u9875\u80fd\u591f\u52a8\u8d77\u6765\uff0cMS\u5c06\u5176\u6269\u5145\uff0c\u4f7f\u5f97javascript\uff08VBS\uff09\u6210\u4e3a\u65b9\u4fbf\u5feb\u6377\u7684\u64cd\u7eb5MS\u7ec4\u4ef6\u7684\u811a\u672c\uff0c\u7531\u6b64\u770b\u6765\uff0cjavascript\u7684\u4e3b\u8981\u7528\u9014\u662f\u64cd\u7eb5MS\u7ec4\u4ef6\uff08\u5305\u62ecWSH\uff09\uff0cjavascript\u7684\u529f\u80fd\u4f9d\u8d56\u4e8ewindows\u7ec4\u4ef6\u7684\u529f\u80fd\uff0c\u80fd\u529b\u5b9e\u5728\u6709\u9650\uff0c\u81f3\u5c11\u4e0d\u80fd\u7528javascript\u5199DLL\u4ec0\u4e48\u7684\uff0c\u4f46\u662f\u6211\u8fd8\u662f\u5f88\u559c\u6b22javascript\u3002
\u3000\u3000JavaScript\u662f\u4e00\u79cd\u5c5e\u4e8e\u7f51\u7edc\u7684\u811a\u672c\u8bed\u8a00,\u5df2\u7ecf\u88ab\u5e7f\u6cdb\u7528\u4e8eWeb\u5e94\u7528\u5f00\u53d1,\u5e38\u7528\u6765\u4e3a\u7f51\u9875\u6dfb\u52a0\u5404\u5f0f\u5404\u6837\u7684\u52a8\u6001\u529f\u80fd,\u4e3a\u7528\u6237\u63d0\u4f9b\u66f4\u6d41\u7545\u7f8e\u89c2\u7684\u6d4f\u89c8\u6548\u679c\u3002\u901a\u5e38JavaScript\u811a\u672c\u662f\u901a\u8fc7\u5d4c\u5165\u5728HTML\u4e2d\u6765\u5b9e\u73b0\u81ea\u8eab\u7684\u529f\u80fd\u7684\u3002
JavaScript\u7684\u4e09\u5927\u7ec4\u6210\u90e8\u5206\u662f\uff1a
1\u3001ECMAScript\uff1aJavaScript\u7684\u6838\u5fc3\uff0c\u63cf\u8ff0\u4e86\u8bed\u8a00\u7684\u57fa\u672c\u8bed\u6cd5(var\u3001for\u3001if\u3001array\u7b49)\u548c\u6570\u636e\u7c7b\u578b(\u6570\u5b57\u3001\u5b57\u7b26\u4e32\u3001\u5e03\u5c14\u3001\u51fd\u6570\u3001\u5bf9\u8c61(obj\u3001[]\u3001{}\u3001null)\u3001\u672a\u5b9a\u4e49)\uff0cECMAScript\u662f\u4e00\u5957\u6807\u51c6\uff0c\u5b9a\u4e49\u4e86\u4e00\u79cd\u8bed\u8a00\uff08\u6bd4\u5982JS\uff09\u662f\u4ec0\u4e48\u6837\u5b50\u3002
2\u3001\u6587\u6863\u5bf9\u8c61\u6a21\u578b\uff08DOM\uff09\uff1aDOM\uff08\u6587\u6863\u5bf9\u8c61\u6a21\u578b\uff09\u662f HTML \u548c XML \u7684\u5e94\u7528\u7a0b\u5e8f\u63a5\u53e3\uff08API\uff09\u3002DOM \u5c06\u628a\u6574\u4e2a\u9875\u9762\u89c4\u5212\u6210\u7531\u8282\u70b9\u5c42\u7ea7\u6784\u6210\u7684\u6587\u6863\u3002HTML \u6216 XML \u9875\u9762\u7684\u6bcf\u4e2a\u90e8\u5206\u90fd\u662f\u4e00\u4e2a\u8282\u70b9\u7684\u884d\u751f\u7269\u3002\u8bf7\u8003\u8651\u4e0b\u9762\u7684 HTML \u9875\u9762\uff1a
ECMAScript、DOM、BOM
ECMAScript,文档对象模型(DOM),浏览器对象模型(BOM).
JavaScript是一种属于网络的脚本语言,已经被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能的。
JavaScript的三大组成部分是:
1、ECMAScript:JavaScript的核心,描述了语言的基本语法(var、for、if、array等)和数据类型(数字、字符串、布尔、函数、对象(obj、[]、{}、null)、未定义),ECMAScript是一套标准,定义了一种语言(比如JS)是什么样子。
2、文档对象模型(DOM):DOM(文档对象模型)是 HTML 和 XML 的应用程序接口(API)。DOM 将把整个页面规划成由节点层级构成的文档。HTML 或 XML 页面的每个部分都是一个节点的衍生物。请考虑下面的 HTML 页面:
<html>
<head>
<title>Sample Page</title>
</head>
<body>
<p>hello world!</p>
</body>
</html>
这段代码可以用 DOM 绘制成一个节点层次图:
DOM 通过创建树来表示文档,从而使开发者对文档的内容和结构具有空前的控制力。用 DOM API 可以轻松地删除、添加和替换节点(getElementById、childNodes、appendChild、 innerHTML)。
3、浏览器对象模型(BOM)对浏览器窗口进行访问和操作。例如弹出新的浏览器窗口,移动、改变和关闭浏览器窗口,提供详细的网络浏览器信息(navigator object),详细的页面信息(location object),详细的用户屏幕分辨率的信息(screen object),对cookies的支持等等。BOM作为JavaScript的一部分并没有相关标准的支持,每一个浏览器都有自己的实现,虽然有一些非事实的标准,但还是给开发者带来一定的麻烦。
绛旓細1. ECMAScript锛氫綔涓JavaScript鐨勬牳蹇冿紝ECMAScript瀹氫箟浜嗚瑷鐨勫熀鏈璇硶鍜屾暟鎹被鍨嬶紝鍖呮嫭鍙橀噺銆佸惊鐜佹潯浠惰鍙ャ佹暟缁勭瓑銆傚畠鏄竴濂楁爣鍑嗭紝瑙勫畾浜咼avaScript搴旇鎬庢牱瀹炵幇銆2. DOM锛堟枃妗e璞℃ā鍨嬶級锛欴OM鏄疕TML鍜孹ML鐨勫簲鐢ㄧ▼搴忔帴鍙o紝瀹冨皢鏁翠釜缃戦〉瑙嗕负涓绯诲垪鑺傜偣锛屽苟鍏佽寮鍙戣呴氳繃鎿嶄綔杩欎簺鑺傜偣鏉ユ帶鍒剁綉椤电殑鍐呭鍜岀粨鏋...
绛旓細JavaScript鐨勪笁澶х粍鎴閮ㄥ垎鏄: 1銆丒CMAScript:JavaScript鐨勬牳蹇,鎻忚堪浜嗚瑷鐨勫熀鏈璇硶(var銆乫or銆乮f銆乤rray绛)鍜屾暟鎹被鍨(鏁板瓧銆佸瓧绗︿覆銆佸竷灏斻佸嚱鏁般佸璞(obj銆乕]銆亄}銆乶ull)銆佹湭瀹氫箟),ECMAScript鏄竴濂楁爣鍑,瀹氫箟浜嗕竴绉嶈瑷(姣斿JS)鏄粈涔堟牱瀛愩 2銆佹枃妗e璞℃ā鍨(DOM):DOM(鏂囨。瀵硅薄妯″瀷)鏄 HTML 鍜 XML 鐨勫簲鐢...
绛旓細1. javascript鑴氭湰璇█, 鏄敱涓夐儴鍒鏋勬垚鐨. 鍗虫牳蹇: ECMAScript, dom, bom.a).ECMAScript鏄互娴忚鍣ㄤ负瀹夸富, 浣犲彲浠ユ妸浠栫湅鎴愭槸涓涓猙ase function. javascript涓墍鏈夌殑瀵硅薄閮芥槸娲剧敓浜嶦CMAScript涓殑涓涓ぇ瀵硅薄涓. 鐢变簬涓嶅悓娴忚鍣ㄥ浜嶦CMAScript鐨勫疄鐜颁笉鍚(浠3c涓哄熀鍑).鎵浠ュ競闈笂鐨勪笉鍚屾祻瑙堝櫒涓...
绛旓細涓嬮潰鏄叧浜JavaScript缂栫▼寰簭娓愯繘鐨勭洰褰曪紝鍒嗕负涓変釜閮ㄥ垎锛氬熀纭鐭ヨ瘑銆佸簲鐢↗avaScript浠ュ強鏁村悎璁捐銆傜涓閮ㄥ垎锛JavaScript鍩虹鐭ヨ瘑 绗1绔 JavaScript绠浠 1.1 JavaScript鍘嗗彶 1.1.1 浠嶪nternetExplorer3寮濮 1.1.2 ECMAScript鏍囧噯璇炵敓 1.1.3 澶氱鏍囧噯骞跺瓨 1.1.4 DOM鐨勪綔鐢 1.2 Java...
绛旓細瑕佸鐨勫唴瀹逛富瑕佹湁锛氣憼璁$畻鏈哄熀纭浠ュ強PS鍩虹 鈶″墠绔紑鍙戝熀纭锛圚TML5寮鍙戙JavaScript鍩虹鍒伴珮绾с乯Query缃戦〉鐗规晥銆丅ootstrap妗嗘灦锛夆憿绉诲姩寮鍙 鈶e墠绔珮绾у紑鍙戯紙ECMAScript6銆乂eu.js妗嗘灦寮鍙戙亀ebpack銆佸墠绔〉闈紭鍖栥丷eact妗嗘灦寮鍙戙丄ngularJS 2.0妗嗘灦寮鍙戠瓑锛夆懁灏忕▼搴忓紑鍙 鈶ュ叏鏍堝紑鍙戯紙MySQL鏁版嵁搴撱丳ython缂栫▼...
绛旓細JavaScript缂栫▼瀹濆吀鐩綍姒傝绗1閮ㄥ垎锛屾繁鍏ョ悊瑙JavaScript鍩虹:绗1绔: JavaScript绠浠嬶紝娑电洊JavaScript鐨勫畾涔夈佸姛鑳姐佸姩鎬佹晥鏋滃疄鐜般佸巻鍙插彂灞曪紝浠ュ強涓嶫ava鐨勫尯鍒紝璁茶В鍩虹鐭ヨ瘑鍜屾帹鑽愮殑鏂囨湰缂栬緫鍣ㄣ傜2绔: HTML鍩虹锛屼粠HTML绠浠嬪埌娣诲姞澶氬獟浣擄紝娑电洊鏂囦欢缁勬垚銆佹爣璁颁娇鐢ㄥ拰鍩烘湰缁撴瀯銆傜3绔: JavaScript蹇熷叆闂紝鍖呮嫭...
绛旓細1銆鍩虹閮ㄥ垎瀛︿範 JavaScript鏄毦鐐癸紝涔熸槸閲嶇偣锛岃瀛︾殑鍐呭瀹炲湪寰堝銆傚鏋滄病鏈夊叾浠栫紪绋嬭瑷鐨勫熀纭鐨勮瘽锛屽璧锋潵鍙兘瑕佽垂浜涘姏銆侸avaScript鏈夊緢澶氭瘮杈冩娊璞$殑姒傚康锛屽繀椤昏娣卞叆鐞嗚В锛屾瘮濡傞棴鍖呫佸師鍨嬨侀潰鍚戝璞°佸皝瑁呯瓑锛岃鐞嗚В閫忓交銆傜湅涔︽槸蹇呬笉鍙皯鐨勶紝鎵句竴鏈紭绉鐨凧avaScript涔︿粠澶村埌灏撅紝鍙嶅鐮旂┒瀛︿範銆傜涓閬嶅彲浠...
绛旓細杩欎簺鍙槸JavaScript璇硶鐨涓閮ㄥ垎锛屾瘡涓渚嬩唬鐮侀兘鍙互鐢ㄦ潵婕旂ず涓嶅悓鐨勮娉曠壒鎬у拰鍔熻兘銆傝鏍规嵁鑷繁鐨勯渶姹傚涔犲拰浣跨敤閫傚悎鐨勮娉曡鍒欍侸avaScript涓湁涓冪鍩烘湰鐨勬暟鎹被鍨嬶紝鍒嗗埆鏄細javascript let myVariable;涓嬮潰鏄竴浜涗娇鐢ㄤ笉鍚屾暟鎹被鍨嬬殑妗堜緥浠g爜锛氫笂杩颁唬鐮佸垎鍒0鏄庝簡涓嶅悓绫诲瀷鐨勫彉閲忥紝骞堕氳繃console.log()鏂规硶灏嗗畠浠...
绛旓細绗1閮ㄥ垎锛氬熀纭绡囷紙鍏5绔狅紝21澶╋級绗1绔 - JavaScript鍩虹锛60鍒嗛挓锛夛細 - JavaScript姒傝堪锛氬巻鍙层佹爣鍑嗗強搴旂敤 - 绠浠嬶細鑴氭湰璇█鐗规с佸垎绫讳笌姣旇緝 - "Hello World"瀹炰緥婕旂ず - 娉ㄩ噴锛氭牸寮忎笌娉ㄦ剰浜嬮」绗2绔 - 鏁版嵁绫诲瀷锛72鍒嗛挓锛夛細 - 鍩烘湰鏁版嵁绫诲瀷锛堝瓧绗︿覆銆佹暟鍊笺佸竷灏旓級 - 澶嶅悎鏁版嵁...
绛旓細瀛︿範JavaScript鐨勫叏闈㈡寚鍗楋紝浠鍩虹鍒伴珮绾у簲鐢紝甯︿綘鎺㈢储JavaScript鐨勪笘鐣屻傜1绡囷細鍏ラ棬绡囩1绔狅細JavaScript鍒濅綋楠 1.1 绠浠嬶細JavaScript鐨勬瑙堝拰閲嶈鎬1.2 璁よ瘑JavaScript锛氳繍琛岀幆澧冦佺紪鍐欏伐鍏凤紙濡俇ltraEdit锛夊拰HelloWorld瀹炰緥1.3 JavaScript涓嶫ava鐨勬瘮杈1.4 JavaScript涓嶩TML鐨勪氦浜掞細浠g爜宓屽叆浣嶇疆鍜屾暟鎹獙璇1.5...