alert阻塞其他页面websocket

问题遇到的现象和发生背景

一个浏览器页面的websocket被alert阻塞后，其他页面的websocket被阻塞。

问题相关代码，请勿粘贴截图
<html>
   <script type="text/javascript">
   
   if ( 'WebSocket' in window) {
      var ws = new WebSocket("ws://127.0.0.1:2000");
      
      console.log(".onopen设置前");
      ws.onopen = function()
      {
         // ws.send("js的webscoket数据");
         console.log("执行.onopen，scoket开始建立连接...");
      };
      console.log(".onopen设置后");
      
      ws.onmessage = function (evt)
      {
         var received_msg = evt.data;
         console.log('js接收到：'+received_msg);
         alert('js接收到：'+received_msg);
      };
      
      ws.onclose = function()
      {
         alert('close');
         console.log("连已关闭...");
      };
      
   } else {
      alert('您的浏览器不支持WebSocket');
   }
   
   function test_webSocket()
   {
      let user = {
         'username' : 'xiaoming',
         'key' : 'xiaoming',
         'action' : 'broadcast',
         'data' : {
            'msg' : '123'
         }
      };
      // ws.send("js的webscoket数据");
      //console.log(JSON.stringify(user));
      ws.send(JSON.stringify(user));         
   }
   </script>
   <body>
   
      <div id="">
         <a href="javascript:test_webSocket()">发送 WebSocket请求</a>
      </div>
      
   </body>
</html>
运行结果及报错内容
我想要达到的结果

为什么会阻塞其他页面的websocket？
如何解决阻塞其他页面这个问题？

你可以自己写个弹窗进行提示哈

不要写alert