【Web前端基础】js运算符有哪些？ 【Web前端基础】JavaScript标签有哪些？
JavaScript\u91cc\u9762\u8fd0\u7b97\u7b26\u6709\u54ea\u4e9b?\u8fd0\u7b97\u7b26\u662f\u5b8c\u6210\u64cd\u4f5c\u7684\u4e00\u7cfb\u5217\u7b26\u53f7,\u5728javascript\u4e2d\u6709\u8d4b\u503c\u53bb\u8fd0\u7b97\u7b26,\u7b97\u672f\u8fd0\u7b97\u7b26,\u5b57\u7b26\u4e32\u53bb\u5904\u7b26,\u903b\u8f91\u8fd0\u7b97\u7b26,\u6bd4\u8f83\u8fd0\u7b97\u7b26,\u6761\u4ef6\u8fd0\u7b97\u7b26\u53ca\u4f4d\u8fd0\u7b97\u7b26,(\u5176\u4e2d\u4f4d\u53bb\u5904\u7b26\u51e0\u4e4e\u5f88\u5c11\u7528\u5230,\u4e5f\u5df2\u8d85\u51fa\u6211\u4eec\u4ecb\u7ecd\u7684\u5185\u5bb9).
1.\u8d4b\u503c\u8fd0\u7b97\u7b26
\u8d4b\u503c\u8fd0\u7b97\u7b26\u901a\u5e38\u88ab\u7528\u4e8e\u5728\u4e00\u4e2a\u8868\u8fbe\u5f0f\u4e2d\u8fdb\u884c\u8d4b\u503c,\u5982example="this
is
a
book";\u5176\u4e2d"="\u5c31\u662f\u4e00\u4e2a\u8d4b\u503c\u8fd0\u7b97\u7b26.
2.\u7b97\u672f\u8fd0\u7b97\u7b26
javascript\u4e2d\u7684\u7b97\u672f\u8fd0\u7b97\u7b26\u6709\u53cc\u76ee\u8fd0\u7b97\u7b26\u548c\u5355\u76ee\u8fd0\u7b97\u7b26.
\u6807\u51c6\u7684\u53cc\u76ee\u8fd0\u7b97\u7b26\u6709\u4e94\u79cd:+(\u52a0),-(\u51cf),*(\u4e58),/(\u9664),%(\u53d6\u6a21)
3.\u6bd4\u8f83\u8fd0\u7b97\u7b26
\u6bd4\u8f83\u8fd0\u7b97\u7b26\u7684\u57fa\u672c\u64cd\u4f5c\u8fc7\u7a0b\u662f,\u9996\u5148\u5bf9\u5b83\u7684\u64cd\u4f5c\u6570\u8fdb\u884c\u6bd4\u8f83,\u7136\u540e\u518d\u8fd4\u56de\u4e00\u4e2atrue\u6216false\u503c.
4.\u903b\u8f91\u8fd0\u7b97\u7b26
\u4e3b\u8981\u5c06\u5e03\u5c14\u503c\u4f5c\u4e3a\u64cd\u4f5c\u6570,\u800c\u4e14\u540c\u6bd4\u8f83\u53bb\u5904\u7b26\u4e00\u6837,\u4e5f\u8fd4\u56de\u5e03\u5c14\u503c.
5.\u5b57\u7b26\u4e32\u8fd0\u7b97\u7b26
\u5b57\u7b26\u4e32\u8fd0\u7b97\u7b26\u4e3a+,\u4e3b\u8981\u7528\u4e8e\u4e24\u4e2a\u5b57\u7b26\u4e32\u7684\u7ec4\u5408,\u4f8b\u5982"this
is
"+"book"
//\u7ed3\u679c\u4e3a"this
is
book"
6.\u6761\u4ef6\u8fd0\u7b97\u7b26
\u6761\u4ef6\u8fd0\u7b97\u7b26\u4e0e\u524d\u9762\u4ecb\u7ecd\u8fc7\u7684\u8fd0\u7b97\u7b26\u6709\u6240\u4e0d\u540c,\u56e0\u4e3a\u6761\u4ef6\u8868\u8fbe\u5f0f\u4f1a\u6839\u636e\u6761\u4ef6\u8ba1\u7b97\u51fa\u4e00\u4e2a\u6216\u4e24\u4e2a\u4e0d\u540c\u7684\u503c,\u5176\u7ed3\u6784\u4e3a(\u6761\u4ef6)?\u7ed3\u679c1:\u7ed3\u679c2\u3002\u671b\u91c7\u7eb3\u3002
\u53ea\u6709\u4e00\u4e2a\u6807\u7b7e\uff0c\u5199\u5728html\u4e2d\uff0c\u53ef\u4ee5\u5199\u5728html\u7684head\u6807\u7b7e\u4e2d\u4e5f\u53ef\u4ee5\u5199\u5728body\u6807\u7b7e\u4e2d
script\u6807\u7b7e\u53ef\u4ee5\u7528\u6765\u5f15\u5165\u5916\u90e8js\u6587\u4ef6\uff0c\u4e5f\u53ef\u4ee5\u76f4\u63a5\u5199js\u4ee3\u7801\uff1a
//js\u4ee3\u7801
一、JavaScript运算符的种类
1、算术运算符：+ 、 - 、* 、 / 、 % 、 -(一元取反) 、 ++ 、 --
2、等同全同运算符：== 、 ===、 !== 、 !===
3、比较运算符：< 、 > 、 <= 、 >=
4、字符串运算符：< 、 > 、 <= 、 >= 、 = 、 +
5、逻辑运算符：&& 、 ||、 !、
6、赋值运算符：=、 +=、 *=、 -=、 /=
绛旓細1銆佺畻鏈繍绠楃锛+ 銆 - 銆* 銆 / 銆 % 銆 -(涓鍏冨彇鍙) 銆 ++ 銆 -- 2銆佺瓑鍚屽叏鍚岃繍绠楃锛== 銆 ===銆 !== 銆 !=== 3銆佹瘮杈冭繍绠楃锛< 銆 > 銆 <= 銆 >= 4銆佸瓧绗︿覆杩愮畻绗︼細< 銆 > 銆 <= 銆 >= 銆 = 銆 + 5銆侀昏緫杩愮畻绗︼細&& 銆 ||銆 !銆6銆佽祴鍊艰繍绠楃锛=銆...
绛旓細2.JavaScript锛氬涔燡avaScript璇█鐨鍩虹鐭ヨ瘑鍜屽父鐢ㄦ搷浣滐紝鍖呮嫭鏁版嵁绫诲瀷銆杩愮畻绗銆佹祦绋嬫帶鍒躲佸嚱鏁扮瓑銆3.jQuery锛氬涔犱娇鐢╦Query搴撶畝鍖朖avaScript缂栫▼锛屽寘鎷夋嫨鍣ㄣ丏OM鎿嶄綔銆佷簨浠跺鐞嗙瓑銆4.React鎴朧ue.js锛氬涔犱娇鐢≧eact鎴朧ue.js鍓嶇妗嗘灦杩涜缁勪欢鍖栧紑鍙戯紝鍖呮嫭妯℃澘璇硶銆佺粍浠堕氫俊銆佺敓鍛藉懆鏈熺瓑 5.AngularJS锛氬涔犱娇鐢...
绛旓細绗簩闃舵锛欽avaScript 3.ECMA鍩虹 鐭ヨ瘑瑕佺偣锛欵CMA鍩烘湰璇硶銆佹暟鎹被鍨嬨杩愮畻绗銆佸垎鏀粨鏋勩佸惊鐜粨鏋勩佸嚱鏁般佸父瑙佸唴缃璞＄殑灞炴у拰鏂规硶銆丄rray銆丮ath銆丏ate銆丼tring 4.DOM 鐭ヨ瘑瑕佺偣锛欴OM妯″瀷銆佽妭鐐圭被鍨嬨佽妭鐐圭殑鍩烘湰鎿嶄綔銆JS鎿嶄綔鏍峰紡琛ㄣ佸厠闅嗚妭鐐广佽幏鍙栧潗鏍囦綅缃佽幏鍙栧厓绱犲昂瀵搞佽妭鐐圭殑鍚勭灞炴у拰鏂规硶銆5.BOM+jQue...
绛旓細Web鍓嶇鍩虹鍖呭惈Html锛屼絾涓嶅彧鏄疕tml銆備笁涓ぇ鏂瑰悜锛孒TML銆丆ss銆丣avaScript銆俬tml灏变笉缁嗚浜嗭紝寰堝浜洪兘璇磆tml绠椾笉涓婄紪绋嬭瑷锛岃繛涓惊鐜兘鍐欎笉浜嗐俉eb鍓嶇 鍏朵腑鏈閲嶈鐨勬槸JavaScript锛岃繖鏄竴闂ㄧ紪绋嬭瑷锛屼篃鏄竴闂ㄨ剼鏈瑷锛屼富瑕佸仛鍔ㄦ佺綉椤电晫闈傚涔燞TML璇寸櫧浜嗗氨鏄湪瀛︿範鍚勭鍚勬牱鐨勬爣绛句娇鐢紝鍥犱负JS鏈涓閮ㄥ垎...
绛旓細鍏充簬JavaScript鐨勫涔犲唴瀹瑰寘鎷簡娴忚鍣ㄦ墽琛JS杩囩▼銆丣S鍙橀噺銆佹暟鎹被鍨嬨杩愮畻绗銆佹祦绋嬫帶鍒惰鍙(if else 銆佷笁鍏冭〃杈惧紡銆乻witch)銆佸惊鐜(for銆亀hile銆乨o while)銆佹暟缁勩佸啋娉℃帓搴忋佸嚱鏁般佷綔鐢ㄥ煙銆侀瑙ｆ瀽銆佸璞°佸唴缃璞°佺畝鍗曠被鍨嬪拰澶嶆潅绫诲瀷绛夈傚彧鏈夊湪鐔熸倝浜咼avaScript鍩虹璇硶鐨勫熀纭涓,鎴戜滑鎵嶈兘缁х画娣卞叆瀛︿範鍓嶇鎶鏈 鍓嶇闇瑕...
绛旓細鏍规嵁姣忎釜浜虹殑涓嶅悓,鍙兘瀛︿範鏂规硶涔熶細鏈夋墍鍑鸿矾,鎵惧埌閫傚悎浣犺嚜宸辩殑瀛︿範鏂规硶鏄涔犵殑鍓嶆彁銆 4.涓嶅缓璁嚜宸变竴涓汉鐬庡,鍦ㄦ垜浜嗚В瀛︿範缂栫▼鐨勮繖浜涗汉鏉ョ湅,浠庨浂鍩虹寮濮嬪骞朵笖鏈鍚庢垚鍔熷仛杩欎唤宸ヤ綔鐨勫叾瀹炲苟娌℃湁鍑犱釜,鎴戣寰楀ぇ閮ㄥ垎鍘熷洜灏辨槸鍥犱负浠栦滑閮戒笉浜嗚Вweb鍓嶇鏄共浠涔堢殑,瀛︿粈涔堢殑,灏辩洸鐩湴涔颁功鐪,鍒板鎵捐棰戠湅,鏈鍚庣湅鐫...
绛旓細1.瀛︿範html杩欎釜鏄渶绠鍗曠殑,涔熸槸鏈鍩虹鐨.瑕佺啛缁冩帉鎻iv銆乫ormtable銆乽lli銆乸銆乻pan銆乫ont杩欎簺鏍囩,杩欎簺閮芥槸鏈甯哥敤鐨,鐗瑰埆鏄痙iv鍜宼able,div鐢ㄤ簬甯冨眬銆乼able涔熷彲浠ョ敤浜庡竷灞,浣嗘槸涓嶇伒娲,鍩烘湰table鏄敤鏉ュ拰鏁版嵁鎵撲氦閬撱2.瀛︿範css杩欓噷璇寸殑css涓嶅寘鎷琧ss3,涓鑸垜浠湅鍒Web鍓嶇寮鍙戝伐绋嬪笀鐨勮姹傞噷闈,鏈変竴涓細...
绛旓細javascript 1銆佸涔犲師鍨嬮摼涔嬪墠鎴戜滑鍏堣璇嗕竴涓嬫瀯閫犲嚱鏁帮紝浠ｇ爜濡備笅锛歠unction S() { this.name = xxx;this.say = function() { console.log(this.name) } } var s1 = new S();鍏朵腑锛宻1鏄疭鐨勫疄渚嬶紝s1鐨刜_proto__锛堝ぇ瀹跺厛涓嶇敤绠_proto__灞炴э紝鍚庣画浼氳鍒帮級涓湁涓涓猚onstructor锛堟瀯閫犲嚱鏁帮級...
绛旓細Web鍓嶇寮鍙戞妧鏈槸涓涓厛鏄撳悗闅剧殑杩囩▼锛屼富瑕佸寘鎷笁涓绱狅細HTML銆丆SS鍜孞avaScript锛岃繖灏辫姹傚墠绔紑鍙戝伐绋嬪笀涓嶄粎瑕佹帉鎻鍩烘湰鐨刉eb鍓嶇寮鍙戞妧鏈紝缃戠珯鎬ц兘浼樺寲銆丼EO鍜屾湇鍔″櫒绔殑鍩虹鐭ヨ瘑锛岃屼笖瑕佸浼氳繍鐢ㄥ悇绉嶅伐鍏疯繘琛岃緟鍔╁紑鍙戜互鍙婄悊璁哄眰闈㈢殑鐭ヨ瘑锛屽寘鎷唬鐮佺殑鍙淮鎶ゆс佺粍浠剁殑鏄撶敤鎬с佸垎灞傝涔夋ā鏉垮拰娴忚鍣ㄥ垎绾ф敮鎸...
绛旓細web鍓嶇鍩硅瀛︿範璇剧▼鍖呮嫭涓変釜閮ㄥ垎锛鍩虹閮ㄥ垎銆佽璁￠儴鍒嗗拰浠ｇ爜閮ㄥ垎锛屽寘鎷珻SS銆丠TML銆丄jax銆丣avaScript绛夌紪绋嬭瑷銆傛兂瑕佽繘琛寃eb鍓嶇鍩硅鎺ㄨ崘銆愯揪鍐呮暀鑲层戯紝璇ユ満鏋勪笌澶氬浼佷笟绛捐浜烘墠鍩瑰吇鍗忚锛屽叏闈㈠姪鍔涘鍛樻洿濂界殑灏变笟銆傛劅鍏磋叮鐨勮瘽鐐瑰嚮姝ゅ锛屽厤璐瑰涔犱竴涓 闅忕潃绉诲姩浜掕仈缃戠殑鍙戝睍锛岃繎鍑犲勾web鍓嶇鎶鏈秺鏉ヨ秺鍙楀ぇ瀹剁殑...
