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

JavaScript021

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的话, 你可以通过数一张纸能放多少行, 来自动分页,把页眉与页脚当做正文来打。这个比较麻烦,和字体高度有关系。