js点击按钮弹出窗口

1.                 <script>
   
2.                 //连接自己修改
   
3.         var chats =[
   
4.                 "####"
   
5.         ];
   
6.         var index = Math.floor((Math.random()*chats.length));;
   
7.         var chatUrl =chats[index];
   
8.         var chat =function(){
   
9.                 //window.location.href = chatUrl;
   
10.                         openChatWin();
    
11.         };
    
12.                 //3秒后跳转到 连接 3000 3秒  5000 5秒  8000 8秒
    
13.                   //setTimeout(function(){
    
14.                          // openChatWin();
    
15.                   //}, 600000);
    
16.                  
    
17.         </script>

复制代码

1. onclick="chat();"

复制代码

1.                 <script>
   
2.                         $(function(){
   
3.                                 var html_ ='<iframe src="'+chatUrl+'" style="width:100%;height:100%;" id="iframe" frameborder="0"></iframe>'
   
4.                                 $("#iframeChat").html(html_);
   
5.                         });
   
6.                         //根据自适应 设置弹出层宽度
   
7.                         var getWindow = function () {
   
8.                             var width = $(document.body).width();
   
9.                             if(width<750){
   
10.                                 return false;
    
11.                             }else{
    
12.                                         return true;
    
13.                                 }
    
14.                         };
    
15.                         var indexlayer =null;
    
16.                         var openChatWin =function(){
    
17.                                 if(indexlayer!=null){
    
18.                                           $(".layui-layer").slideDown("slow")
    
19.                                          $("html").css("overflow","hidden");
    
20.                                 }else{
    
21.                                         indexlayer = layer.open({
    
22.                                                 title:'客服在线为您服务',
    
23.                                                 type: 1,
    
24.                                                 anim: 2,
    
25.                                                 shade: false,
    
26.                                                 area: ['1000px','800px'],
    
27.                                                 maxmin: false,
    
28.                                                 content: $("#iframeChat"),
    
29.                                                 zIndex: layer.zIndex, //重点1
    
30.                                                 closeBtn: 1,
    
31.                                                 btn: ['关闭聊天窗口',] ,
    
32.                                                 yes: function(index, layero){
    
33.                                                          //$(".layui-layer").hide(500);
    
34.                                                          $(".layui-layer").slideUp("fetch");
    
35.                                                          $("html").css("overflow","auto");
    
36.                                                 },       
    
37.                                                 cancel: function(){
    
38.                                                      //$(".layui-layer").hide(500);
    
39.                                                          $(".layui-layer").slideUp("fetch");
    
40.                                                          $("html").css("overflow","auto");
    
41.                                                          return false;
    
42.                                                 }
    
43.                                         });
    
44.                                         layer.full(indexlayer);
    
45.                                 }
    
46.                         }
    
47.                 </script>

复制代码