Javascript: Utilisation de la var de la valeur que onclick fenêtre.ouvrir l'URL

Comment utiliser un var de la valeur et de le transmettre à la window.open url? Je suis vraiment pas bon en ce, de sorte que le plus simple sera le mieux. Merci beaucoup!

<script>
    if (condition) {
        var URL = "http://www.url.com";
    } else {
        var URL = "http://www.url2.com"
    }
</script>
<div id="Banner" data-responsive="225h" onclick="window.open('URL','new_window');">
InformationsquelleAutor user3160260 | 2014-02-19
  1. 3

    Avis il n'y a pas de guillemets autour de la URL variable dans window.open. Aussi pour être plus concis, j'ai déplacé le var URL partie de la si/d'autre logique.

    <script>
    var URL;
    if (condition) {
        URL = "http://www.url.com";
    } else {
        URL = "http://www.url2.com"
    }
</script>
<div id="Banner" data-responsive="225h" onclick="window.open(URL,'new_window');">

    Une bien meilleure solution serait de se débarrasser de votre inline cliquez sur gestionnaires au total comme suit:

    <div id="Banner" data-responsive="225h"> ... </div>
<script>
    function openWindow() {
        var URL;
        if (condition) {
            URL = "http://www.url.com";
        } else {
            URL = "http://www.url2.com"
        } 
        window.open(URL,'new_window');
    }

    var banner = document.getElementById('Banner');
    banner.addEventListener('click', openWindow, false); //using addEventListener for brevity
</script>
    • Vous pourriez mentionner le déplacement var à l'extérieur de la if. Ce changement peut être négligée.
    • Je suppose que cela ne fonctionne que si le Javascript est avant la Div?
    • Ajouté un meilleur exemple.
    InformationsquelleAutor okcoker
  2. 0
    <script>
  function a() {
   if (condition) {
     var URL = "http://www.url.com";
   }
   else {
    var URL = "http://www.url2.com"
   }
   window.open(URL);
  }
</script>
<div id="Banner" data-responsive="225h" onclick="a();">click me</div>

    Solution Alternative

    InformationsquelleAutor Rajesh
  3. 0

    Si le point de votre question, c'est d'avoir un lien, au format html, Vous pouvez utiliser un point d'ancrage et ont imbriquées les éléments html à l'intérieur de la place.Je vois ce beaucoup plus propre.

    <a href="http://www.google.com" target="_blank">
<p> I am an element inside an anchor</p>
<!-- you can put an image here instead -->
</a>

http://jsfiddle.net/CpXVB/
    InformationsquelleAutor Majed