Wie verknüpfe ich eine JavaScript-Datei mit einer HTML-Datei?

103

Wie verknüpfen Sie eine JavaScript-Datei ordnungsgemäß mit einem HTML-Dokument?Wie verknüpfe ich eine JavaScript-Datei mit einer HTML-Datei?

Zweitens, wie verwenden Sie jQuery in einer JavaScript-Datei?

Quelle

2012-12-06 firstofth300

lesen http://www.w3schools.com einmal, bevor sie in Web-Entwicklung wagen :) –

@Umesh: Normalerweise ich mit diesem Link nicht zustimmen würde (http://w3fools.com/), aber in In diesem Fall ist es ein anständiger Start. – Cerbrus

117

Zuerst müssen Sie JQuery Bibliothek von http://jquery.com/ dann Belastung der Jquery-Bibliothek die folgende Art und Weise in Ihrem HTML-Kopf-Tags

dann können Sie testen, ob die jquery arbeitet durch Codierung Ihre jquery zum Download Code nach dem jquery Laden Skript

<!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>

Wenn Sie seperat Sie Datei Ihre jquery Skripte verwenden, müssen die externe Js-Datei auf diese Weise nach der jQuery-Bibliothek definieren Wird geladen.

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

Quelle

2012-12-06 08:40:25 Swarne27

Vielen Dank SO VIEL. Das ist genau die Antwort, die ich endlich herausgefunden habe! Ich weiß, dass die Frage elementar war, aber ich danke dir, dass du dir die Zeit genommen hast, mir das zu zeigen! Was ich vermisste war, die jQuery-Bibliothek vor der Javascript-Datei zu platzieren! – firstofth300

Dies ist, wie Sie eine JS-Datei in

HTML-Link

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

<script> - Tag verwendet, um eine clientseitige Skript, wie ein JavaScript zu definieren.

type - geben Sie den Typ des Skripts

src - Skript Dateiname und Pfad

Quelle

2012-12-06 08:25:59

an einen externen Javascript schließen Sie die <script>-Tag-Datei. Das Attribut src verweist auf den Speicherort Ihrer Javascript-Datei in Ihrem Webprojekt.

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

JQuery ist einfach eine Javascript-Datei, so dass, wenn Sie eine Kopie der Datei herunterladen, die Sie innerhalb Ihrer Seite mit einem Script-Tag enthalten. Sie können Jquery auch aus einem Content-Verteilungsnetzwerk wie dem von Google gehosteten Netzwerk einbinden.

Quelle

2012-12-06 08:26:57

Sie können Skript-Tags in Ihr HTML-Dokument einfügen, idealerweise innerhalb der Punkte, die auf Ihre Javascript-Dateien verweisen. Reihenfolge der Skript-Tags sind wichtig. Laden Sie jQuery vor Ihren Skriptdateien, wenn Sie jQuery aus Ihrem Skript verwenden möchten.

<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>

Dann in Ihrem Javascript-Datei können Sie $ Zeichen oder jQuery beziehen sich auf jQuery entweder verwenden. Beispiel:

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

Quelle

2012-12-06 08:29:21 BuddhiP

Wie verknüpfe ich eine JavaScript-Datei mit einer HTML-Datei?

Antwort

Verwandte Themen