看板 Web_Design 關於我們 聯絡資訊
※ [本文轉錄自 Ajax 看板 #1H0B0sGr ] 作者: TomomiItano (ともちん) 看板: Ajax 標題: [問題] 如何自己寫javascript檔? 時間: Thu Jan 24 11:53:17 2013 雖然這個問題感覺很蠢,可是我google了javascript大部分都是介紹語法 ,沒什麼提到單獨寫一個*.js檔... 我有段javascript(jQuery)需要每個網頁都執行到,又不想copy paste到 每一頁,以後要修改很麻煩,所以想請問該怎麼寫成單獨的js檔呢? 以下是我的javascript,主要是用在在右下角固定一個圖片讓使用者點選 可以回頁首。 $("a").focus(function () { this.blur(); }); $("#goTop img").css('opacity',0.3); $("#goTop").css('position','absolute'); var l = $(window).width()-60-15; var t = $(window).height()-70-15; $("#goTop").css({top:t,left:l}); $(window).scroll(function(){ var nt = $(window).height()-70-15+document.documentElement.scrollTop; $("#goTop").css('top',nt); }); $('#goTop img').mouseover(function(){ $(this).css('opacity',1); }); $('#goTop img').mouseleave(function() { $(this).css('opacity',0.3); }); 請問像這樣的javascript要怎麼獨立出js檔呢? 謝謝。 -- http://i6.minus.com/jbhBGwvL0HCF5t.jpg
板野友美(Itano Tomomi),暱稱「ともちん(tomochin)」。 -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 42.78.213.238 ※ 發信站: 批踢踢實業坊(ptt.cc) ※ 轉錄者: TomomiItano (42.78.213.238), 時間: 01/24/2013 11:53:55
kurtisgod:直接另存成js檔 在html head裡載入就好 01/24 12:32
感謝,原來是我想複雜了QQ 我還以為js檔也要引入jQuery或者傳遞參數之類的@@ ※ 編輯: TomomiItano 來自: 42.78.213.238 (01/24 17:13)
KC73:也不一定要在 head,有些會故意放在最底下.... 01/24 19:12
ducksteven:請不要放在head裡面 請放在</body>之前 01/24 23:06
TomomiItano:感謝樓上,若放在head會執行不到。 01/25 09:16
s25g5d4:套上window.onload就可以了 有用jQuery的話用$(function 01/25 21:03
s25g5d4:(){ ... });包住就好 不過個人傾向這樣寫$(document). 01/25 21:04
s25g5d4:ready(function() { ... }); 能一眼看穿代表的意思 01/25 21:04
s25g5d4:放在body末端還有個好處是可以先讓DOM載入 讓網頁先出來 01/25 21:05