为什么js代码在HTML文件里可以运行,写在js文件里被html文件调用之后却是无法运行了？ 为什么js代码写在HTML文件里可以运行,写在js文件里被h...
\u4e3a\u4ec0\u4e48js\u4ee3\u7801\u5728HTML\u6587\u4ef6\u91cc\u53ef\u4ee5\u8fd0\u884c,\u5199\u5728js\u6587\u4ef6\u91cc\u88abhtml\u6587\u4ef6\u8c03\u7528\u4e4b\u540e\u5374\u662f\u65e0\u6cd5\u8fd0\u884c\u4e86\uff1f\u4e3a\u4ec0\u4e48js\u4ee3\u7801\u5728HTML\u6587\u4ef6\u91cc\u53ef\u4ee5\u8fd0\u884c,\u5199\u5728js\u6587\u4ef6\u91cc\u88abhtml\u6587\u4ef6\u8c03\u7528\u4e4b\u540e\u5374\u662f\u65e0\u6cd5\u8fd0\u884c\uff1a
1.\u7acb\u5373\u6267\u884c\u7684JS\u4ee3\u7801\u4f1a\u53d7\u4f4d\u7f6e\u7684\u5f71\u54cd\u3002
2.\u5047\u5982\u4f60\u628aJS\u5916\u90e8\u5f15\u7528\u653e\u5165HEAD\u91cc,\u800c\u4f60\u5728\u8be5JS\u6587\u4ef6\u4e2d\u8bd5\u56fe\u76f4\u63a5\u8bbf\u95eeDOM\u4e2d\u7684\u4e00\u4e2aBODY\u7684\u5b50\u5143\u7d20,\u5c31\u53ef\u80fd\u4ea7\u751f\u9519\u8bef,\u56e0\u4e3a\u8be5JS\u5728\u6267\u884c\u65f6,\u6d4f\u89c8\u5668\u8fd8\u6ca1\u6709\u51c6\u5907\u597dBODY\u7684DOM\u3002
3.\u5982\u679c\u662f\u8fd9\u6837,\u4f60\u53ef\u4ee5\u628aJS\u5f15\u7528\u79fb\u5230\u6240\u6709\u5b83\u8981\u8bbf\u95ee\u5143\u7d20\u6807\u7b7e\u4e4b\u540e,\u8fd9\u6837\u5c31\u4e0d\u4f1a\u51fa\u9519\u4e86\u3002
JS\uff1a
JS\u5373Javascript\uff0cJavascript\u662f\u4e00\u79cd\u7531Netscape\u7684LiveScript\u53d1\u5c55\u800c\u6765\u7684\u811a\u672c\u8bed\u8a00\uff0c\u4e3b\u8981\u76ee\u7684\u662f\u4e3a\u4e86\u89e3\u51b3\u670d\u52a1\u5668\u7ec8\u7aef\u8bed\u8a00\uff0c\u6bd4\u5982Perl\uff0c\u9057\u7559\u7684\u901f\u5ea6\u95ee\u9898\u3002\u5f53\u65f6\u670d\u52a1\u7aef\u9700\u8981\u5bf9\u6570\u636e\u8fdb\u884c\u9a8c\u8bc1\uff0c\u7531\u4e8e\u7f51\u7edc\u901f\u5ea6\u76f8\u5f53\u7f13\u6162,\u53ea\u670928.8kbps\uff0c\u9a8c\u8bc1\u6b65\u9aa4\u6d6a\u8d39\u7684\u65f6\u95f4\u592a\u591a\u3002\u4e8e\u662fNetscape\u7684\u6d4f\u89c8\u5668Navigator\u52a0\u5165\u4e86Javascript\uff0c\u63d0\u4f9b\u4e86\u6570\u636e\u9a8c\u8bc1\u7684\u57fa\u672c\u529f\u80fd\u3002
1.\u62a5\u9519\u7684\u539f\u56e0\u662f\uff1a\u4f60\u5199\u5728\u4e0b\u9762\u7684js\u6ca1\u6709\u88ab\u52a0\u8f7d,\u53ea\u6709\u88ab\u52a0\u8f7d\u540e\u624d\u53ef\u4ee5\u8c03\u7528js;2.\u89e3\u51b3\u65b9\u6cd5\uff1a 1.\u4f60\u53ef\u4ee5\u628a\u4e0b\u9762\u90a3\u6bb5js\u4ee3\u7801\u653e\u5728HTML\u9875\u9762\u524d\u9762\uff0c\u5c31\u53ef\u4ee5\u4e86\uff1b 2.\u6216\u8005\uff0c\u6309\u697c\u4e0a\u8bf4\u7684\uff0c\u628a\u4f60\u7684js\u52a0\u4e0a$(function(){ })\u8fd9\u4e2a\u533f\u540d\u51fd\u6570;\u5b83\u7684\u610f\u601d\u5c31\u662f\u7f51\u9875\u4e00\u52a0\u8f7d\u5c31\u6267\u884c\uff1b
为什么js代码在HTML文件里可以运行,写在js文件里被html文件调用之后却是无法运行：
1.立即执行的JS代码会受位置的影响。
2.假如你把JS外部引用放入HEAD里,而你在该JS文件中试图直接访问DOM中的一个BODY的子元素,就可能产生错误,因为该JS在执行时,浏览器还没有准备好BODY的DOM。
3.如果是这样,你可以把JS引用移到所有它要访问元素标签之后,这样就不会出错了。
立即执行的JS代码会受位置的影响,假如你把JS外部引用放入HEAD里,而你在该JS文件中试图直接访问DOM中的一个BODY的子元素,就可能产生错误,因为该JS在执行时,浏览器还没有准备好BODY的DOM.如果是这样,你可以把JS引用移到所有它要访问元素标签之后,这样就不会出错了.
另外,脚本运行时错误信息也很重要,可以帮助你快速找到错误的原因和找到解决办法.
地址有没有写对？
<Script type="text/javascript" src="相对或绝对地址">
</Script>
还有有吗有给读取的权限
你可以在地址栏输入
127.0.0.1/......js文件的地址....../xxx.js
如果提示你下载
不提示下载就是 路径错了 出 被什么 什么 被拒 那么就没给权限
首先 在js文件 的文件夹内点击 “工具”---“文件夹选项”
---“查看”
把“使用简单的共享勾去掉” 确定
在右击 js文件 ---- “属性” ---- “安全” ---单机“添加”
----“高级”------“立即找查”-----找到 名称为 IUSR_你的机器名
单机 ----- 然后 给读取的权限 确定 o k了
要是在搞不定就另请高明吧！
加 window.onload 试一下
除非写的有问题
绛旓細JS鏈変袱绉嶅啓娉曪細绗竴绉嶏細鐩存帴鍐鍦℉TML閲岄潰锛JS浠ｇ爜鐢<script type="text/javascript"></script>鍖呰捣鏉 绗簩绉嶏細鏂板缓澶栭儴js鏂囦欢锛屽锛歛.js銆傚湪HTML寮曠敤锛<script type="text/javascript" src="a.js"></script>锛岃繖閲岀殑src灞炴у兼槸a.js鏂囦欢鎵鍦ㄧ殑璺緞銆
绛旓細涓鑸笉娑夊強瀹夊叏闂 瀵煎叆js鏂囦欢鐨勭洰鐨勬槸涓轰簡鏋佸ぇ鐨勭畝鍖html椤甸潰浠ｇ爜鏁,浣夸箣璁块棶鏃堕熷害蹇,鍥犱负浠ｇ爜鏁拌秺灏 鏂囦欢瓒婂皬,鍔犺浇瓒婂揩,杩欐槸涓涓鑼冮棶棰, 鎵浠ヤ笓涓氱綉绔欑殑js鍜宑ss閮芥槸瀵煎叆鐨
绛旓細骞堕潪涓嶈兘锛屾槸鍙互鍐欑殑 浣嗘槸涓嶆帹鑽愯繖涔堜功鍐欍傚師鍥犲湪浜庯紝涓嶅埄浜浠ｇ爜鐨勫悗鏈熺淮鎶 浠ｇ爜寮鍙戜箣鍚庤繕闇瑕佷慨鏀广佽凯浠ｏ紝浼樼鐨勪唬鐮佽川閲忚嚦鍏抽噸瑕併傚彟澶栦篃鍜屼唬鐮佺殑鎵ц椤哄簭鏈夊叧绯伙紝缃戦〉浠ｇ爜鏄嚜涓婅屼笅璇诲彇鐨勶紝JS鏀剧疆鍦ㄤ腑闂翠細瀵艰嚧閮ㄥ垎浠ｇ爜澶辨晥锛堣繖涓湁涓涓厤璐硅棰戣绋嬶紝浣犲彲浠鍦℉TML5瀛﹀爞锛圵X鍙凤級褰撲腑鍘荤湅鍏蜂綋璁茶В锛夈
绛旓細棣栧厛鎵撳紑Sublime text杞欢缂栧啓涓涓猦tml椤甸潰锛屽涓嬪浘鎵绀 鐒跺悗鎴戜滑鍦╤tml椤甸潰涓坊鍔爏cript鏍囩锛屽湪script閲岀畝鍗曠殑鍐欎竴浜汮S鐨勪唬鐮侊紝濡備笅鍥炬墍绀 鎺ヤ笅鏉ュ彲浠ュ畾涔変竴涓猙utton鎸夐挳锛岄氳繃鍏禼lick浜嬩欢鏉ヨ皟鐢↗S鐨勪唬鐮侊紝濡備笅鍥炬墍绀 褰撶劧锛屽鏋滆皟鐢ㄧ殑JS浠ｇ爜鏄閮ㄧ殑鏂囦欢锛屽垯闇瑕佸湪寮澶寸殑head鏍囩鍐呰繘琛屽紩鍏ユ墠鍙互浣跨敤锛屽...
绛旓細html涓鍐呴儴鏀<script>鍙互杩愯锛岃屾妸js鏀惧埌澶栭儴灏变笉鑳芥墽琛屾槸璁剧疆閿欒閫犳垚鐨勶紝瑙ｅ喅鏂规硶涓猴細1銆佸湪Javascript涓紝鍙互鍚屾椂鎷ユ湁澶氫釜script浠ｇ爜娈碉紝浣嗘槸script浠ｇ爜娈垫槸鍒嗘瑙ｆ瀽涓庢墽琛岀殑銆2銆乻cript鎵ц杩囩▼锛宻cript浠ｇ爜娈靛湪鎵ц鏃朵竴鍏辫缁忓巻涓や釜闃舵锛氣憼 缂栬瘧闃舵 鈶 鎵ц闃舵銆3銆佹墽琛岄敊璇褰撳墠script浠ｇ爜娈电殑...
绛旓細鍦╤tml涓皟鐢js浠ｇ爜锛氫竴銆佸皢javascript鐩存帴鍐鍦╤tml鏂囦欢涓锛岀劧鍚庡湪html涓皟鐢╦s鍑芥暟绛夈備簩銆佸皢js浠ｇ爜鍐欎竴涓枃浠朵腑锛岀劧鍚庡湪html涓紩鐢ㄨ鏂囦欢锛屽湪浣跨敤js鏂囦欢涓畾涔夌殑js鍑芥暟銆侸avaScript鑴氭湰璇█鏄竴绉嶉潰鍚戞祻瑙堝櫒鐨勭綉椤佃剼鏈紪绋嬭瑷銆傝剼鏈瑷鏈変互涓嬪嚑涓壒鎬э細1銆佸湪瀹㈡埛绔墽琛屻傚畬鍏ㄥ湪鐢ㄦ埛鐨勮绠楁満涓婅繍琛岋紝鏃犻』...
绛旓細4銆鍦╤tml鐨head閮ㄥ垎寮曞叆js鏂囦欢锛屽叿浣撶殑浠ｇ爜銆5銆佽繖涓紩鐢ㄦ槸涓涓弻鏍囩锛屽氨绠楁病鏈夊唴瀹癸紝涔熷緱鍐欏叏銆6銆佸鏋滄偍鐨刯s鏄粠澶栭潰寮曞叆锛岄偅涔堟偍涓嶈兘鍦<script></script>涓棿鍐嶅啓js浠ｇ爜銆7銆佸鏋滄湁闇瑕侊紝閭ｄ箞鎮ㄩ渶瑕侀噸鏂板０鏄巗cript鏍囩锛屽湪鏍囩鍐呭啓鎮ㄧ殑js浠ｇ爜銆8銆佹棤璁烘槸javascript jquery閮芥槸涓鏍风殑瑙勫垯锛屽繀椤...
绛旓細JS浠ｇ爜鍙互鏀剧疆鍦JS鏂囦欢褰撲腑锛屼箣鍚庨氳繃script鏍囩寮曞叆鍒HTML鏂囦欢褰撲腑鍗冲彲 灏咼S浠ｇ爜鏀剧疆鍦ㄤ竴涓柊鏂囦欢褰撲腑锛屽苟涓旀妸鍚庣紑鍚嶅瓨鍌ㄤ负.js锛屽嵆涓js鏂囦欢 涔嬪悗锛屽埄鐢╯cript鏍囩鐨剆rc灞炴э紝涔﹀啓js鏂囦欢璺緞锛屽氨鍙互浜
绛旓細HTML涓皟鐢JS浠ｇ爜銆js浠ｇ爜娉ㄨВ锛歫avascript浠ｇ爜锛屽彲鐩存帴鍦ㄥ鎴风瑙ｉ噴鎵ц锛宧tml涓皟鐢╦s浠ｇ爜鐨勬柟娉曟湁涓ょ锛氫竴銆佸皢javascript鍐鍦╤tml鏂囦欢涓锛屽湪html涓皟鐢╦s鍑芥暟绛夛紱浜屻乯s浠ｇ爜鍐欎竴涓枃浠朵腑锛屽湪html涓紩鐢ㄨ鏂囦欢锛屼娇鐢╦s鏂囦欢涓畾涔夌殑js鍑芥暟銆傝皟鐢ㄦ柟娉曪細1銆佹墦寮Dreamweaver杞欢锛屽湪鍒涘缓鏂伴」鐩笅閫夋嫨HTML锛2銆...
绛旓細2銆js鏂囦欢鐩存帴鍙互鐢ㄨ浜嬫湰鎵撳紑锛屼絾鏄紝浣跨敤璁颁簨鏈墦寮鏍煎紡闈炲父涔憋紝涓嶆柟渚挎垜浠煡鐪嬪拰淇敼銆3銆佽繖閲岋紝鎴戜滑浣跨敤Intellij IDEA鎵撳紑js鏂囦欢銆傚鍥撅紝鏍煎紡寰堣鑼冿紝鍐呭鎴戜滑鍙互涓鐩簡鐒躲4銆佺劧鍚庯紝鎴戜滑閫氳繃蹇嵎閿怌trl銆+銆怓銆戝揩閫熷畾浣嶅埌鎴戜滑闇瑕佷慨鏀圭殑浣嶇疆銆5銆佸洖鍒html鏂囦欢锛屽湪鎸夐挳杈撳叆妗嗗悗闈㈠垱寤轰竴涓猻cript鏍囩...
