HTML DOM pageBreakBefore ÊôÐÔ
¶¨ÒåºÍÓ÷¨
pageBreakBefore ÊôÐÔÉùÃ÷Ò»¸öÔªËØÇ°ÊÇ·ñÓ¦µ±·ÅÖ÷ÖÒ³·û¡£
Óï·¨£º
Object.style.pageBreakBefore=auto|always|avoid|left|right
¿ÉÄܵÄÖµ
Öµ | ÃèÊö |
---|---|
auto | ĬÈÏ¡£Èç¹û±ØÒªÔòÔÚÔªËØÇ°²åÈë·ÖÒ³·û¡£ |
always | ÔÚÔªËØÇ°²åÈë·ÖÒ³·û¡£ |
avoid | ±ÜÃâÔÚÔªËØÇ°²åÈë·ÖÒ³·û¡£ |
left | ÔÚÔªËØÖ®Ç°×ã¹»µÄ·ÖÒ³·û£¬Ò»Ö±µ½Ò»Õſհ׵Ä×óҳΪֹ¡£ |
right | ÔÚÔªËØÖ®Ç°×ã¹»µÄ·ÖÒ³·û£¬Ò»Ö±µ½Ò»Õſհ׵ÄÓÒҳΪֹ¡£ |
ʵÀý
±¾ÀýÔÚ id Ϊ p2 µÄ¶ÎÂä֮ǰÉèÖÃÒ»¸ö page-break£º
<html>
<head>
<script type="text/javascript">
function setPageBreak()
{
document.getElementById("p2").style.pageBreakBefore="always";
}
</script>
</head>
<body>
<p>This is a test paragraph.</p>
<input type="button" onclick="setPageBreak()"
value="Set page-break" />
<p id="p2">This is also a test paragraph.</p>
</body>
</html>