js实现网页中打印、刷新、关闭、前进、后退、返回等操作

篇一 : js实现网页中打印、刷新、关闭、前进、后退、返回等操作

用js实现网页中打印、刷新、关闭、前进、后退、返回等操作,js代码如下,直接调用即可:

 

[<a href="#" οnclick="window.opener=null;window.open(&#39;&#39;,&#39;_self&#39;);window.close();" >关闭</a >]

[<a href="javascript:window.print()" target="_self">打印</a>]

[<a href=&#39;javascript:history.go(-1)&#39;>返回/后退</a>]

[<a href=&#39;javascript:history.go(1)&#39;>前进</a>]

[<a href=&#39;javascript:history.go(0)&#39;>刷新</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>

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值