2012-12-06 26 views
103

Bir JavaScript dosyasını HTML belgesine doğru şekilde nasıl bağlarsınız?Bir JavaScript dosyasını HTML dosyasına nasıl bağlarım?

İkincisi, jQuery'yi bir JavaScript dosyasında nasıl kullanırsınız? Eğer

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 

<script> HTML

bir JS dosyası bağlantı nasıl

+3

kez web geliştirme :) –

+5

@Umesh içine çıkmadan önce http://www.w3schools.com okuyun: Genellikle, bu bağlantı (http://w3fools.com/) katılmıyorum, ama istiyorum Bu dava, yeterince iyi bir başlangıç. – Cerbrus

cevap

117

Önce o zaman jquery kodlayarak jquery çalışıp çalışmadığını test edebilirsiniz html head etiketlerinin

içinde http://jquery.com/ sonra yük jquery kütüphanesi aşağıdaki yolu JQuery kütüphanesini indirmeniz gerekir jQuery yükleme komut sonra kod

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<script type="text/javascript" src="jquery-1.8.3.js"></script> 
<script type="text/javascript"> 
    $(function(){ 
     alert("My First Jquery Test"); 
    }); 
</script> 
</head> 
<body></body> 
</html> 

Eğer ayrı harici .js jquery kütüphanesinde sonra bu şekilde dosya tanımlamalıdır file sizin jquery komut dosyalarını kullanmak istiyorsanız Yükleniyor.

<script type="text/javascript" src="jquery-1.8.3.js"></script> 
<script src="js/YourExternalJQueryScripts.js"></script> 
+5

Teşekkür ederim. Tam olarak anladığım cevap bu! Sorunun ilkel olduğunu biliyorum ama bana bunu gösterecek zaman ayırdığınız için teşekkür ederim! Eksik olan şey jQuery kitaplığını javascript dosyasından önce yerleştirmekti! – firstofth300

35

Bu - etiketi, bir JavaScript gibi bir istemci tarafı komut dosyası tanımlamak için kullanılır.

type - Harici JavaScript sen <script> etiketini kullanın dosyasını dahil etmek için komut dosyası adı ve yol

9

- komut

src türünü belirtin. src özniteliği, web projenizdeki Javascript dosyanızın konumunu gösterir. Eğer bir komut dosyası etiketi kullanarak sayfa içinde bunu içerebilir dosyasının bir kopyasını indirmek eğer öyleyse

<script src="some.js" type="text/javascript"></script> 

JQuery, basit bir JavaScript dosyası. Ayrıca, Google tarafından barındırılan gibi bir içerik dağıtım ağından Jquery'yi de ekleyebilirsiniz.

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
11

HTML belgenize komut dosyası etiketlerini, ideal olarak javascript dosyalarınızın hangi noktalarının içine ekleyebilirsiniz. Komut dosyası etiketlerinin sırası önemlidir. JQuery'yi komut dosyanızdan kullanmak istiyorsanız, betik dosyalarınızdan önce jQuery'yi yükleyin.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
<script type="text/javascript" src="relative/path/to/your/javascript.js"></script> 

Sonra javascript dosyasında jQuery ya $ işareti veya jQuery kullanarak başvurabilirsiniz. Örnek:

jQuery.each(arr, function(i) { console.log(i); }); 
İlgili konular