<wbr id="fyfl4"></wbr>

          <sub id="fyfl4"><address id="fyfl4"></address></sub>

                <wbr id="fyfl4"></wbr>
                <sub id="fyfl4"></sub>

                
                

                <nav id="fyfl4"></nav>
                <form id="fyfl4"></form>
                <nav id="fyfl4"></nav>
                  1. 當前位置:首頁 > 網站教程 > 內容列表

                    HTML5和CSS3中onclick實例教程總結

                    點擊次數:更新時間:2018-04-04 20:04:43【打印】【關閉】

                    關于onclick的行為與內容分離

                    1.通過鏈接觸發彈出窗口方式 (不推薦使用此方法?。。。?/p>

                    <a href='#'    

                        onclcik = "window.open('holiday_pay.html',WinName,'width=300, height = 300');">  

                    Holiday Pay    

                    </a>  

                    如果JS被禁用鏈接無法引導用戶進入對應頁面,不要為href屬性賦"#"及類似的值

                    2.普通情況

                    <a href='holiday_pay.html'    

                        onclcik = "window.open(this.href,WinName,'width=300, height = 300');">  

                    Holiday Pay    

                    </a>  

                    3.0  大量重復鏈接,為每個鏈接分配可識別類名,通過使用jQuery為每個click事件分別添加監聽器

                     

                    <a href="holiday_pay" class="popup">Holiday pay</a>  

                    var links = $("a.popup");   

                    links.clcik(function(event){   

                       event.preventDefault();   

                       window.open($(this).attr('href'));      

                    });  

                     

                    3.1  通多自定義數據類型設置彈出窗口尺寸大小 

                     

                    <a href ="holiday_pay.html"  

                        data-width="600"  

                        data-heigth = "400"  

                        title = "Holiday Pay"  

                        class = "popup"> Holiday pay </a>   

                    JavaScript Code復制內容到剪貼板

                    $(function(){   

                       $(".popup").click(function(event){   

                           event.preventDefault();   

                           var href=$(this).attr("href");   

                           var width = $(this).attr("data-width");   

                           var height = $(this).attr("data-height");   

                           var popup = window.open(href,"popup","height="+height+",width="+width+"");   

                    }) ;   

                    });  

                     

                    BEESCMS最好用的免費企業網站程序_PHP開源,免授權!
                    客服

                    工作時間

                    周一至周日

                    8:00 - 18:00

                    在線客服

                    點擊這里給我發消息 BUG反饋

                    點擊這里給我發消息 網站建設

                    點擊這里給我發消息 域名空間

                    點擊這里給我發消息 授權服務

                    點擊這里給我發消息 售前咨詢

                    點擊這里給我發消息 意見反饋

                    點擊這里給我發消息 銷售客服

                    聯系手機

                    18288433386

                    真正赚钱游戏-电脑兼职赚钱日结
                    powerd by BEESCMS