'use strict'; var detailJs = { init: function init() { this.changeSize(); this.print(); this.closePage(); }, changeSize: function changeSize() { var fontsize = 14, lineheight = 28, maxSize = 48, minSize = 11; var detailContent = $('#detailContent, #detailContent div, #detailContent p, #detailContent font, #detailContent span, #detailContent td'); $('.changeSize span').on('click', function () { var i = $(this).index(); if (!i && fontsize <= maxSize) { detailContent.css({ 'font-size': ++fontsize + 'px', 'line-height': ++lineheight + 'px' }); } else if (fontsize >= minSize) { detailContent.css({ 'font-size': --fontsize + 'px', 'line-height': --lineheight + 'px' }); } console.log(i); }); }, print:function print(){ $('.print').on('click',function(){ window.print(); }) }, closePage:function closePage(){ $('.closePage').on('click',function(){ window.close(); }) } }; detailJs.init();