[問題] JS的include要怎麼用

看板Web_Design作者 (poc)時間12年前 (2012/02/14 00:14), 編輯推噓8(8012)
留言20則, 7人參與, 最新討論串1/1
為了這問題我de了兩小時, 下面這段程式碼我如果直接包在 HTML網頁head中,可以執行沒問題。 一旦我想要include 他,我語法 <head> <script lauguage="javascript" type="text/javascript" src="addEle.js"> </script> </head> 在Firefox的Firebox當中,會顯示syntax error [在這個錯誤中斷] var oSep = document.createElement("hr"); 在IE主控台裡面,SCRIPT1002: 語法錯誤 addEle.js, 行 1 字元 1 我甚至把下面這段js貼到http://www.javascriptlint.com/online_lint.php 線上檢查語法的網站去看也是沒錯,Gosh....誰能告訴我發生了什麼事情呢>< ============================================================== <script lauguage="javascript" type="text/javascript"> var input_cnt = 0 ; function add() { //Gerenal var oSep = document.createElement("hr"); var newline = document.createElement('br'); //TEXT for URL var product_url_text = document.createElement('h8'); product_url_text.innerHTML="商品網址 "; //Assign different attributes to the url_ele. var url_ele = document.createElement("input"); url_ele.setAttribute("type", "text"); //url_ele.setAttribute("width", "200"); url_ele.setAttribute("name", "product_url_"+input_cnt); //Quatity var product_qua_text = document.createElement('h8'); product_qua_text.innerHTML = "<br>數量 "; var product_qua = document.createElement("input"); product_qua.setAttribute("type", "text"); product_qua.setAttribute("name", "product_qua_"+input_cnt); //Color var product_color_text = document.createElement('h8'); product_color_text.innerHTML = "<br>顏色 "; var product_color = document.createElement("input"); product_color.setAttribute("type", "text"); product_color.setAttribute("name", "product_color_"+input_cnt); //Size var product_size_text = document.createElement('h8'); product_size_text.innerHTML = "<br>尺寸 "; var product_size= document.createElement("input"); product_size.setAttribute("type", "text"); product_size.setAttribute("name", "product_size_"+input_cnt); //Comment var product_comm_text = document.createElement('h8'); product_comm_text.setAttribute("style", "vertical-align: middle"); product_comm_text.innerHTML = "<br>備註 "; var product_comm = document.createElement("textarea"); product_comm.setAttribute("type", "text"); product_comm.setAttribute("name", "product_comm_"+input_cnt); product_comm.setAttribute("style", "vertical-align: middle"); //Add into var product_url = document.getElementById("carts"); product_url.appendChild(oSep); product_url.appendChild(product_url_text);//URL product_url.appendChild(url_ele); product_url.appendChild(product_qua_text);//QUATITY product_url.appendChild(product_qua); product_url.appendChild(product_color_text);//COLOR product_url.appendChild(product_color); product_url.appendChild(product_size_text);//SIZE product_url.appendChild(product_size); product_url.appendChild(product_comm_text);//COMMENT product_url.appendChild(product_comm); } </script> -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 119.77.136.156

02/14 00:17, , 1F
沒遇過.... 不負責任亂猜,是編碼問題.... (BOM)
02/14 00:17, 1F

02/14 00:24, , 2F
js檔案不需要 <script> 或者 </script>
02/14 00:24, 2F

02/14 00:28, , 3F
請不要把html tag放在js檔裡面...lol
02/14 00:28, 3F

02/14 00:31, , 4F
<!-- --> 那... 請問這個是例外嗎? 我看過有人js的
02/14 00:31, 4F

02/14 00:32, , 5F
檔案裡會放這個東西....
02/14 00:32, 5F

02/14 07:26, , 6F
兩個檔案都是utf8編碼 <script> </script> 移除也無用 :(
02/14 07:26, 6F

02/14 07:37, , 7F
詭異事情發生,我把那個global變數放到add()裡面,就沒事
02/14 07:37, 7F

02/14 07:37, , 8F
firefox,chrome 測試ok 但是ie過不了,ie錯誤訊息是
02/14 07:37, 8F

02/14 07:38, , 9F
product_comm.setAttribute("type", "text");
02/14 07:38, 9F

02/14 07:38, , 10F
未執行。
02/14 07:38, 10F

02/14 17:04, , 11F
給LaPass:那個東西是讓不認識JS的瀏覽器忽略該段,所以
02/14 17:04, 11F

02/14 17:04, , 12F
如果是做成JS檔的話,其實根本可以刪掉<!--和//-->
02/14 17:04, 12F

02/14 17:08, , 13F
然後JS當初在設計時就特意讓<!--會被當成註解,所以才可以
02/14 17:08, 13F

02/14 17:08, , 14F
放進去的...至於 --> 前面一定要加上 //
02/14 17:08, 14F

02/14 17:14, , 15F
然後,給原po,<textarea>並沒有type屬性喔...
02/14 17:14, 15F

02/14 18:50, , 16F
我猜你缺少window.onload
02/14 18:50, 16F

02/14 18:51, , 17F
恩 我好像搞錯了 當我沒說
02/14 18:51, 17F

02/15 00:10, , 18F
http://jsbin.com/ezomap/2/ 聽 hit1205 的,把 type 註解掉
02/15 00:10, 18F

02/15 00:11, , 19F
就可以過了,沒註解的版本看 http://jsbin.com/ezomap/edit
02/15 00:11, 19F

02/15 00:12, , 20F
啊,忘記把 </body> 前面的 <script/> 拿掉,自己測試吧
02/15 00:12, 20F
文章代碼(AID): #1FEJRSxu (Web_Design)