網站開發JS學習總結

近期使用Yii開發了一個網站,前臺使用了大量的Js交互效果，由於之前一直研究php,對javascript使用不多，導致項目進行中，進度緩慢，JS調試頻頻出錯，不過，最後還是通過幾天的努力，將問題解決了，現在對這段時間工作小結一下，以便後續項目開發時，可以借鑑，快速完成任務。

1. 項目使用了colorbox插件，在使用該插件過程中，出現了一個iframe高度自適應的問題，這個問題花了本人接近半天的時間才搞定。所以有必要記錄下來。

   a. 去網站(http://www.jacklmoore.com/colorbox/)下載colorbox包，參考裏面的示例，可以發現colorbox功能比較全面，剛好我的項目中需要iframe模式的彈出框，就選擇用iframe.且不帶滾動條，因此可以設置

   
   

   $(".iframe").colorbox({

               iframe:true,           

               scrolling:false,

               innerWidth:'898px',

               innerHeight:'445px',

               overlayClose:false,               

           });

   如果希望iframe頁面的高度自適應，便在子頁面添加代碼如下:

   
   

   <script type="text/javascript">

   jQuery(document).ready(function (){  

    jQuery(window).bind("load", function () {  

    var frameWidth = jQuery(document).width();  

    var frameHeight = jQuery(document).height();   

    parent.$.fn.colorbox.resize(frameWidth, frameHeight);  

    });  

   }); 

   </script>

   設置這兩步，就可以達到自己想要的效果了。