Conditional javascript call in html5

2

How can I call a script by following a conditional in html5?

For example, depending on the address in the browser it loads certain script

If the address is link , load the following script:

<script  src="js/index.js"></script>

If the address is link load the following script:

<script  src="dispensacao/js/index.js"></script>

If the address is link , load the following script:

<script  src="hinarioCatado/js/index.js"></script>

and so on with several ifs

Thank you!

    
asked by anonymous 29.10.2017 / 23:14

2 answers

1

Since you do not want to use multiple index files, the solution is to use parameters in the url.

Examples index.htm?id=audioplayer index.htm?id=dispensacao index.htm?id=hinario

//location.search retorna a parte querystring de um URL, incluindo o ponto de interrogação (?)
//.split divide o url em duas partes, uma antes do ? e outra depois do ?

var variaveis=location.search.split("?");

//variaveis[1] é a parte depois do ? que será quebrada em duas partes, uma antes de = e outra depois de =

var quebra = variaveis[1].split("=");

//quebra[1] é a segunda parte, depois de = que corresponde ao valor do parametro passado na url
//de posse desse valor é só fazer a verificação e chamar o js correspondente

if (quebra[1]=="audioplayer"){
    document.write('<script type="text/javascript" src="index.js"><\/script>');
} else if (quebra[1]=="dispensacao") {
    document.write('<script type="text/javascript" src="dispensacao.js"><\/script>');
} else if (quebra[1]=="hinario") {
    document.write('<script type="text/javascript" src="hinario.js"><\/script>');
}else{
    document.write('<script type="text/javascript" src="index.js"><\/script>');
}
    
30.10.2017 / 16:14
3

Try:

const URL1 = "http://leituracrista.com/audioplayer/";
const URL2 = "http://leituracrista.com/audioplayer/dispensacao/";
const URL3 = "http://leituracrista.com/audioplayer/hinario/";

let url = window.location.href;

if ( url === URL1) {
    include("js/index.js");
}else if ( url === URL2) {
    include("dispensacao/js/index.js");
}else if (url === URL3 ) {
    include("hinarioCatado/js/index.js");
}

function include(file) {

    let script  = document.createElement('script');
    script.src  = file;
    script.type = 'text/javascript';
    script.defer = true;

    document.getElementsByTagName('head').item(0).appendChild(script);
}    
    
29.10.2017 / 23:38