js加jQuery 打印页面

        // //赋值原有的全部所有元素
        // var originalContent = $('body').html();
        //
        // // 显示加载状态
        // var originalBtnText = $('#printBtn').html();
        // $('#printBtn').html('准备打印...').attr('disabled', true);
        //
        // try {
        //     // 将 ECharts 转换为图片
        //     if (myChart) {
        //         var imgData = myChart.getDataURL({
        //             type: 'png',
        //             pixelRatio: 2, // 提高图片质量
        //             backgroundColor: '#fff'
        //         });
        //
        //         // 显示图片并隐藏 ECharts 容器
        //         $('#mqdwPrintImg').attr('src', imgData).removeClass('hidden');
        //         $('#mqdw').addClass('hidden');
        //     }
        //     // 延迟执行打印,确保图片已加载
        //     setTimeout(function () {
        //         // 隐藏不需要打印的元素
        //         $('body').children().not('#printDiv').hide();
        //         // 执行打印
        //         window.print();
        //
        //
        //         // 打印完成后恢复原状
        //         setTimeout(function () {
        //             $('#mqdwPrintImg').addClass('hidden');
        //             $('#mqdw').removeClass('hidden');
        //             $('body').html(originalContent);
        //             $('#printBtn').html(originalBtnText).attr('disabled', false);
        //         }, 1000);
        //     }, 500);
        // } catch (e) {
        //     console.error('打印失败:', e);
        //     alert('打印失败: ' + e.message);
        //     $('#printBtn').html(originalBtnText).attr('disabled', false);
        //     $('body').html(originalContent);
        // }

写一个id为printBtn 的按钮,

你可能感兴趣的:(javascript,jquery,开发语言)