2017-03-21 6 views
0

mir gegeben wird diesen Code in HTML, die https://weedmaps.com/deals#/1118217 eine eingebettete kleine Coupon-Version dieser Seite sollten angezeigt werden:einen JavaScript Hinzufügen einbetten

<script type="text/javascript">var coupon_id = 17811;</script> 
<script type="text/javascript">var coupon_type = "deliveries";</script> 
<script type="text/javascript" src="https://weedmaps.com/embed/coupon.js"></script> 

Ich weiß nicht, wie die JavaScript HTML korrekt hinzuzufügen. Ich habe die folgenden Skripte in den Kopfbereich gelegt. Aber ich verstehe nicht, wie man den Coupon im div erzeugt, den ich will. Ich habe versucht, die JavaScript-Funktion aufzurufen, aber ich habe noch nie mit JavaScript gearbeitet. Könnte mir bitte jemand helfen diesen Gutschein einzubetten?

Antwort

0

ich einen Blick auf das Skript und vor allen Dingen genommen haben: es sollte auf jeden Fall im Dokument platziert werden und nicht in den <head> Abschnitt, weil coupon.js html auszuschreiben bei der Platzierung des Coupon .js Skript importieren.

Theoretisch brauchen Sie nur das Skript platzieren und es sollte funktionieren, aber es gibt einige Probleme:

  1. Sie müssen es auf einem Webserver ausgeführt werden - wenn sie als einfache HTML läuft das Skript-Datei nur versucht, um die Bibliotheken in Ihrem Dateisystem zu finden, die nicht funktionieren.
  2. Es würde immer noch nicht funktionieren, weil es immer noch versuchen würde, einige Ressourcen auf Ihrem Webserver zu finden. In meinem Fall versuchte es das Skript http://localhost:63342/restpoints/deliveries/17811/deal, das nicht funktioniert
  3. Um zu beweisen, 2. versuchen Sie einfach https://weedmaps.com/restpoints/deliveries/17811/deal mit der richtigen Domäne. Dann erhalten Sie den richtigen JSON, mit dem der Gutscheinbereich gefüllt wird.

=> Folglich das Skript Sie wurden Probleme gegeben hat, wenn es von Domänen unterscheidet sich von „weedmaps.com“ ausführbar sein sollte

+0

Diese enorm hilfreich waren, danke. – Morgan

0

Javascript kann zwischen head-Tag sein, aber es ratsam, es vor dem body-closing-Tag unten zu setzen, um Ihren Seiteninhalt zuerst laden zu lassen, bevor JavaScript geladen wird. Importieren Sie einfach Ihr Javascript. und ruf an. Ich hoffe, das war hilfreich.

<!DOCTYPE html> 
<html> 

<head> 

</head> 

var coupon_id = 17811;

0

Die JS gibt es mit der ID #weedCouponPane für ein Element sucht. Hast du das in deinem HTML? dh

<div id="weedCouponPane"></div> 
Verwandte Themen