篇一 : js实现网页中打印、刷新、关闭、前进、后退、返回等操作
用js实现网页中打印、刷新、关闭、前进、后退、返回等操作,js代码如下,直接调用即可:
[<a href="#" οnclick="window.opener=null;window.open('','_self');window.close();" >关闭</a >]
[<a href="javascript:window.print()" target="_self">打印</a>]
[<a href='javascript:history.go(-1)'>返回/后退</a>]
[<a href='javascript:history.go(1)'>前进</a>]
[<a href='javascript:history.go(0)'>刷新</a>]
篇二 : 网页返回顶部的几种实现方法
页面顶部放置:《aname="top"id="top">《/a>
放置位置在标签之后随便找个地方放都可以,只要靠近顶部就可以。
页面底部放置:《ahref="#top"target="_self">返回顶部《/a>
二、使用JavascriptScroll函数返回顶部
scrooll
函数用来控制滚动条的位置,有2种很简单的实现方式:
方式1:
《ahref="javascript:scroll(0,0)">返回顶部《/a>
scroll第1个参数是水平位置,第二个参数是垂直位置,比如要想定位在垂直50像素处,改成scroll(0,50)即可了。
方式2:本方式是渐进式返回顶部,要好看一些,代码如下:
functionpageScroll(){
window.scrollBy(0,-10);
scrolldelay=setTimeout('pageScroll()',100);
}
《ahref="pageScroll();">返回顶部《/a>
这样就会动态返回顶部,不过虽然返回到顶部但是代码仍在运行,还需要在pageScroll函数加一句给停止掉。
if(document.documentElement.scrollTop==0)clearTimeout(scrolldelay);
三、使用Onload加上scroll功能实现动态返回顶部
1、首先在网页BODY标签结束之前加上:返回顶部
2、再调用以下JS脚本部分:
BackTop=function(btnId){
varbtn=document.getElementByIdx_x_x(btnId);
vard=document.documentElement;
window.οnscrοll=set;
btn.οnclick=function(){
btn.style.display="none";
window.οnscrοll=null;
this.timer=setInterval(function(){
d.scrollTop-=Math.ceil(d.scrollTop*0.1);
if(d.scrollTop==0)clearInterval(btn.timer,window.οnscrοll=set);
},10);
};
functionset(){btn.style.display=d.scrollTop?'block':"none"}
};
BackTop('gotop');
对Z-BLOG而言,可以放到$(document).ready(function(){....函数中,也可以独立存成1个js文件,比如gotop.js,再通过:《SCRIPTsrc="/js/gotop.js"type=text/javascript>《/SCRIPT>来调用,当然了位置最好放在"返回顶部"标签的下面,该调用方法已假设路径为JS,其它位置请自行修改。
篇三 : JS返回页面
Javascript 返回上一页
1. Javascript 返回上一页 history.go(-1), 返回两个页面: history.go(-2);
2. history.back().
3. window.history.forward()返回下一页
4. window.history.go(返回第几页,也可以使用访问过的URL)
例:
<a href="javascript:history.go(-1);">向上一页</a>
response.Write("<script language=javascript>")
response.Write("if(!confirm('完成任务?')){history.back();}")
response.Write("</script>")
response.Write("<script language=javascript>history.go(-1);</script>")
<a href="javascript:history.go(-1);">向上一页</a>
页面跳转:οnclick="window.location.href='list.aspx'"
P.S.
小技巧(JS引用JS):
<script type=text/javascript>
<!--
if (typeof SWFObject == "undefined") {
document.write('<scr' + 'ipt type="text/javascript" src="/scripts/swfobject-1.5.js"></scr' + 'ipt>');} //-->
</script>
Javascript刷新页面的几种方法:
1 history.go(0)
2 location.reload()
3 location=location
4 location.assign(location)
5 document.execCommand('Refresh')
6 window.navigate(location)
7 location.replace(location)
8 document.URL=location.href
js后退 JS返回页面
自动刷新页面的方法:
1.页面自动刷新:把如下代码加入<head>区域中
<meta http-equiv="refresh" content="20">
其中20指每隔20秒刷新一次页面.
2.页面自动跳转:把如下代码加入<head>区域中
<meta http-equiv="refresh" content="20;url=http://www.javaeye.com">
其中20指隔20秒后跳转到http://www.javaeye.com页面
3.页面自动刷新js版
<script language="JavaScript">
function myrefresh()
{
window.location.reload();
}
setTimeout('myrefresh()',1000); //指定1秒刷新一次
</script>
ASP.NET如何输出刷新父窗口脚本语句
1. this.response.write("<script>opener.location.reload();</script>");
2. this.response.write("<script>opener.window.location.href = opener.window.location.href;</script>");
3. Response.Write("<script language=javascript>opener.window.navigate(''你要刷新的
页.asp'');</script>")
JS刷新框架的脚本语句
//如何刷新包含该框架的页面用
<script language=JavaScript>
parent.location.reload();
</script>
//子窗口刷新父窗口
<script language=JavaScript>
self.opener.location.reload();
js后退 JS返回页面
</script>
( 或 <a href="javascript:opener.location.reload()">刷新</a> )
//如何刷新另一个框架的页面用
<script language=JavaScript>
parent.另一FrameID.location.reload();
</script>
如果想关闭窗口时刷新或者想开窗时刷新的话,在<body>中调用以下语句即可。 <body οnlοad="opener.location.reload()"> 开窗时刷新
<body onUnload="opener.location.reload()"> 关闭时刷新
<script language="javascript">
window.opener.document.location.reload()
</script>
篇四 : 在JS方法中返回多个值的三种方法
在使用JS编程中,有时需要在一个方法返回两个个或两个以上的数据,用下面的几种方法都可以实现:
1 使用数组的方式,如下:
<html><head> <title>JS函数返回多个值--oec2003</title></head><body> <input type="button" οnclick="getNames()" value="test" /> <script type="text/javascript">function getData(){ var names=new Array("oec2003","oec2004"); return names;}function getNames(){ var names=getData(); alert(getData()[0]); //返回oec2003}</script></body></html>
2 将数据封装到Json中返回,如下:
<html><head><title>JS函数返回多个值--oec2003</title></head><body><input type="button" οnclick="getInfo()" value="test"/><script type="text/javascript">function getData(){ var info={"name":"oec2003","age":"25"}; return info;}function getInfo(){ var info=getData(); var name=info["name"]; var age=info["age"]; alert("姓名:"+name+" 年龄:"+age);}</script></body></html>
更详细的Json的介绍请看这里
3 这是最简单的一种方法,看下面代码:
<html><head><title>JS函数返回多个值--oec2003</title></head><body><input type="button" οnclick="getInfo()" value="test"/><script type="text/javascript"> function getData() { return ["oec2003", 25] } function getInfo() { var info = getData(); alert("姓名:" + info[0] + "年龄:" + info[1]); }</script></body></html>