Visualizzazione risultati 1 fino 7 di 7

Discussione: Passare una variabile ad un file JavaScript

  1. #1
    slossel non è connesso Utente AlterBlog
    Data registrazione
    03-04-2017
    Messaggi
    37

    Predefinito Passare una variabile ad un file JavaScript

    Salve,
    in una pagina html utilizzo nella head questa istruzione<script src="script.js"></script>,
    nel file è cablato un valore numerico. Vorrei utilizzare lo stesso script per altre pagine html (ma con valore numerico diverso) esternamente.
    In pratica aggiungere a questa riga <script src="script.js"></script> il valore variabile.

    E' possibile?

    Grazie.

  2. #2
    L'avatar di alemoppo
    alemoppo non è connesso Staff AV
    Data registrazione
    24-08-2008
    Residenza
    PU / BO
    Messaggi
    22,173

    Predefinito

    Codice HTML:
    <script>
      var valore = 42;
    </script>
    <script src="script.js"></script>
    script.js:
    Codice:
    document.write(valore);
    Un altro modo è richiamare la pagina HTML con un valore GET, quindi prelevarlo tramite JS da:
    Codice:
    window.location.search
    Ciao!
    Ultima modifica di alemoppo : 09-08-2022 alle ore 11.03.59

  3. #3
    slossel non è connesso Utente AlterBlog
    Data registrazione
    03-04-2017
    Messaggi
    37

    Predefinito

    Perfetto!!

    Grazie!

    Ciao.

  4. #4
    slossel non è connesso Utente AlterBlog
    Data registrazione
    03-04-2017
    Messaggi
    37

    Predefinito

    Salve,
    tra le due soluzioni, proposte da alemoppo, ho applicato la prima. Un amico dice che, passare dei parametri ad uno script java, tramite una pagina html, mette a rischio la sicurezza del sito. Nel senso che potrebbe permettere l'accesso ad internet, in modo mascherato, a malintenzionati. Sarebbe come aprire una porta verso l'esterno.
    E' vero? anche se il sito è di pura consultazione?
    Grazie.

  5. #5
    L'avatar di alemoppo
    alemoppo non è connesso Staff AV
    Data registrazione
    24-08-2008
    Residenza
    PU / BO
    Messaggi
    22,173

    Predefinito

    Qualsiasi dato ricevuto dall'utente (che sia un form HTML o un parametro GET/POST), va comunque controllato opportunamente.

    Detto ciò, nel tuo caso essendo codice JavaScript (quindi eseguito in locale), anche nella prima versione è molto facile modificare il valore. Ovviamente il valore verrà cambiato solo sul browser di quel specifico utente (i.e. non intaccherà in nessun modo il tuo sito).

    Con questo valore, quindi, immagino che tu non faccia chissà cosa a parte mostrare un contenuto rispetto un altro. Quindi anche se qualcuno riesce a modificare il valore, al più visualizzerà altro invece di quello che dovrebbe essere visualizzato (ma diciamo che se lo è cercato lui).

    Non vedo quindi alcuna differenza tra le due modalità.

    Ciao!
    Ultima modifica di alemoppo : 11-08-2022 alle ore 17.56.51

  6. #6
    slossel non è connesso Utente AlterBlog
    Data registrazione
    03-04-2017
    Messaggi
    37

    Predefinito

    Salve,
    visto che il passaggio di un parametro da html a js funziona (il valore dice quante immagini ci sono nella cartella) avrei la necessita di fare anche il contrario. Mi spiego, se ho 100 foto da visualizzare (una per volta) so che le foto sono 100 perché il valore viene visualizzato nella pagina html, ma non sono in grado di sapere, dopo un po' di tempo, quante ne ho visualizzate. Dovrei quindi prendere tale valore dalla variabile js. Oppure, non so se è possibile, contare ogni clic di avanzamento immagine (slider button), e visualizzare il contatore.
    Si può fare?
    Grazie.

  7. #7
    L'avatar di dreadnaut
    dreadnaut non è connesso Super Moderatore
    Data registrazione
    22-02-2004
    Messaggi
    6,261

    Predefinito

    Via JavaScript puoi modificare il contenuto della pagina: puoi scrivere testo, o complesse strutture di tag, ovunque. Nel tuo caso mi sembra tu voglia un contatore quindi dovresti creare uno spazio per il numero
    Codice HTML:
    <span id="contenitore">[ il numero verrà inserito qua ]</span>
    e poi modificarne il contenuto via JavaScript
    Codice:
    const numero = 3;
    const totale = 100;
    const contenitore = document.querySelector("#contenitore");
    
    contenitore.innerText = `foto ${numero} di ${totale}`;
    Vedi querySelector, innerText ed innerHTML
    Ultima modifica di dreadnaut : 18-08-2022 alle ore 19.51.40

Regole di scrittura

  • Non puoi creare nuove discussioni
  • Non puoi rispondere ai messaggi
  • Non puoi inserire allegati.
  • Non puoi modificare i tuoi messaggi
  •