无法在浏览器中打开新选项卡?

Fre*_*her 2 html javascript

这听起来像是重复的问题,但我不知道我面临什么问题。

这是我的代码

<!DOCTYPE html>
<html>
<body>
<script>
function open()
{
var win = window.open('http://stackoverflow.com/', '_blank');
if(win){

win.focus();
}else{
alert('Please allow popups for this site');
}
}
</script>
<div align="center">
<h4>Online Users</h4>
<ul>
<li onClick="open()">John</li>
</ul>
</div>
<link href="http://fonts.googleapis.com/css?family=Open+Sans Condensed:300italic,300,700" rel="stylesheet" type="text/css">

    <div class="nomessages">

        <img src="../img/unnamed.jpg" id="noMessagesImage" />

        </div>
<div class="chatscreen">

        <ul class="chats">
            <!-- The chat messages will go here -->
        </ul>

    </div>

 <form id="chatform">

        <textarea id="message" placeholder="Write something.." rows="10" cols="30"></textarea>
        <input type="submit" id="submit" value="SEND"/>

    </form> 


<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="../js/moment.min.js"></script>
<script src="/socket.io/socket.io.js"></script>
<script src="../js/chat.js"></script>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

我希望在单击 John 时打开一个新选项卡,但它却在同一窗口上打开网址。我不知道我在这里做错了什么

LNT*_*LNT 5

更改函数名称,定义没有作用域的函数与定义 window.functionName 相同

因此,当您定义 open 时,您将覆盖现有的 window.open,因此将函数的名称更改为open2或其他名称。

function open2() {
   var win = window.open('http://stackoverflow.com/', '_blank');
   if(win){ 
       win.focus();
   } else {
     alert('Please allow popups for this site');
   }
}
Run Code Online (Sandbox Code Playgroud)

并在你的 HTML 中

<li onclick="open2()">John</li>
Run Code Online (Sandbox Code Playgroud)