js点击按钮实现图片上下翻页,为什么下面代码不能实现翻页？

JavaScript012

js点击按钮实现图片上下翻页,为什么下面代码不能实现翻页？,第1张

var img = document.getElementById('image')//获得id为image元素

var n = Number(img.title) + n//定义一个变量，值为元素title+自己的值，这里title必须为数字，否则抛出异常，Number()是把字符串类型的数字转为Number类型

if(n <1) n = 4//如果n<1 ， n=4

if(n >4) n = 1//如果n>4,n=1 ，这里是一个循环，应该是点到最后一张图片后显示第一张图片

img.src = 'image/'+n+'.jpg'//imgage是文件夹名，n.jpg是文件夹下图片名

img.title = n//改变元素title为n

var a = img.parentNode//定义img的上级节点，应该是一个超链接（<a href=""></a>）

a.href = img.src//为a标记添加href

return false//返回false

通过什么方式打印的呢？直接打印html还是有专门的控件来打印的？

要是直接打印html的话 ，可以先做好模板，如下，在加载模板后。调用js函数，把父页面中的打印区域耗过来放到模板的打印区域中。然后点打印。看看这种方式能接受不？

注意，只是简单的写了一下，实际用的时候得修改。

<html>

<head>

<script language="javascript">

function _load(){

document.getElementById("body").innerHTML = parent.getElementById("你的区域标示").innerHTML

}

</script>

</head>

<body onload = "_load()">

<h1>这是页眉</h1>

<div id="body"></div>

<h1>这是页脚</h1>

</body>

</html>

补充一下， 上面的程序有点问题。

js函数修改为

var s = parent.opener

document.getElementById("body").innerHTML = s.document.getElementById("s").innerHTML

可是如果获取的内容很长 ，那会不会把页脚撑到其他页面去呢，我记得这个jsprint是没有办法控制的吧。

你的打印格式固定不？要是固定A4的话， 你可以通过数一张纸能放多少行， 来自动分页，把页眉与页脚当做正文来打。这个比较麻烦，和字体高度有关系。