Javascript:使用 var 值作为 onclick window.open URL

Question

如何使用 var 值并将其传递给 window.open url？我真的不擅长这个，所以越简单越好。非常感谢!

<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');">

Answer 1

请注意，window.open 中的 URL 变量周围没有引号。另外，为了更简洁，我将 var URL 部分移出 if/else 逻辑。

<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');">

更好的解决方案是完全摆脱内联点击处理程序，如下所示:

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