Javascript 为什么添加CSS后会预览空白页面？当我在代码> CopthDundo.Doo.Orth.中添加CSS样式时，预览将显示空白页。所以我去掉了css，然后我的内容就出现了。我不知道如何解决这个问题。所以，如果有人知道，请告诉我这个解决方案。谢谢：）_Javascript_Html_Css

Javascript 为什么添加CSS后会预览空白页面？当我在代码> CopthDundo.Doo.Orth.中添加CSS样式时，预览将显示空白页。所以我去掉了css，然后我的内容就出现了。我不知道如何解决这个问题。所以，如果有人知道，请告诉我这个解决方案。谢谢：）

javascript html css

Javascript 为什么添加CSS后会预览空白页面？当我在代码> CopthDundo.Doo.Orth.中添加CSS样式时，预览将显示空白页。所以我去掉了css，然后我的内容就出现了。我不知道如何解决这个问题。所以，如果有人知道，请告诉我这个解决方案。谢谢：）,javascript,html,css,Javascript,Html,Css,$（“#btnPrint”）.live（“单击”，函数（）{ var divContents=$（“#dvContainer”）.html（）；变量printWindow=window.open（“”，’高度=500，宽度=1000’）； printWindow.document.write（“”）； printWindow.document.write（“”）； printWindow.document.write（“”） printWindow.document.write（“”）； pr


$（“#btnPrint”）.live（“单击”，函数（）{
var divContents=$（“#dvContainer”）.html（）；
变量printWindow=window.open（“”，’高度=500，宽度=1000’）；
printWindow.document.write（“”）；
printWindow.document.write（“”）；
printWindow.document.write（“”）
printWindow.document.write（“”）；
printWindow.document.write（“”）；
printWindow.document.write（divContents）；
printWindow.document.write（“”）；
printWindow.document.write（“”）；
printWindow.print（）；
printWindow.close（）；
});

form，div，table，th，td{
边框：1px纯黑；
边界塌陷：塌陷；
}
th，td{
填充物：5px；
文本对齐：左对齐；
}
表t01{
宽度：80%；
背景色：#F1C1；
}
表t02{
宽度：80%；
背景色：#d35400；
}
#btnPrint{
宽度：84px；
高度：45px；
背景：白色；
边界：无；
颜色：黑色；
字体大小：14px；
字号：700；
显示：块；
保证金：自动；
}
.表格内容{
宽度：50%；
}
.表格内容{
填充：5px20px；
背景：#f0；
垂直对齐：中间对齐；
} 
.表格内容td{
填充：5px20px；
垂直对齐：中间对齐；
}


我的网页
我的页面


开始日期
结束日期
单位
倍增器
全部的

必须触发JavaScript代码才能运行

这通常通过以下方式完成：

$('document').ready(function(){
    $("#btnPrint").live("click", function(){
        ...
    });
});

好的，我现在可以解决这个问题了。解决方案。只需编辑我的js

$（“#btnPrint”）.live（“单击”，函数（）{
var divContents=$（“#dvContainer”）.html（）；
变量printWindow=window.open（“”，’高度=500，宽度=1000’）；
printWindow.document.write（“”）；
printWindow.document.write（“”）；
printWindow.document.write（“”）；
打印窗口。文件。书写（‘电费单1层：2号房间’）；
printWindow.document.write（“”）；
printWindow.document.write（“”）；
printWindow.document.write（divContents）；
printWindow.document.write（“”）；
printWindow.document.write（“”）；
printWindow.document.close（）；
setTimeout（函数（）{
printWindow.print（）；
}, 500);
});您必须等待工作表加载
....
var string = '<html><head><link rel="stylesheet" href="print.css"></head><body>'
    + divContents +'</body></html>';
var printWindow = window.open('', '', 'height=500,width=1000');
    printWindow.document.write(string);
window.setTimeout(function() {
  printWindow.print();
  printWindow.close();
}, 3);
 ...

。。。。
变量字符串=“”
+divContents+''；
变量printWindow=window.open（“”，’高度=500，宽度=1000’）；
printWindow.document.write（字符串）；
setTimeout（函数（）{
printWindow.print（）；
printWindow.close（）；
}, 3);
...
感谢您的帮助，但这并不能解决问题。如果我在JS outprintWindow.document.write（“”）中删除这一行。预览将会出现。可能重复（JTBC，我知道这里没有AJAX，但答案也适用于这里。）我本想在这里发布我的答案，但我很高兴你解决了这个问题。顺便说一句，您有两个结束标记，但没有开始标记。事实上，这不是真的有必要，因为你没有提交任何表格。