简轻易单的JS动画的贯彻 文字在页面飞舞

本文实例讲述了JS简单实现禁止访问某个页面的方法。分享给大家供大家参考,具体如下:

使用js($.ajax中)实现页面内跳转(即:描点平滑跳转)的方法(aa为跳转目的标签的id):

JS实现页面内跳转的简单代码,js实现页面跳转

使用js($.ajax中)实现页面内跳转(即:描点平滑跳转)的方法(aa为跳转目的标签的id):

  在网络上有很多资料所说的:animate方法我试了并不好使,不知道是啥原因,欢迎大家指正,附上网络方法:

 var oneTop = $("#aa").offset().top;
 jQuery("html", "body").animate({ scrollTop: oneTop }, 0);

经过测试,如果不需要有滑动动画的话,可使用下面的语句:

 location.href("#aa");

总结

vnsc威尼斯城官方网站,以上所述是小编给大家介绍的 js实现页面内跳转的方法,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

使用
js($.ajax中)
实现页面内跳转(即:描点平滑跳转)的方法(aa为跳转目的标签的id):…

脚本之家整理的关于JS刷新页面相关的总结:**//www.jb51.net/article/139788.htm**

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3     <head>
 4         <title>文字移动</title>
 5         <script type="text/javascript">
 6         
 7                 //初始化,给要移动的元素一个初始值,可理解为移动的起点
 8          function prepareElement(){
 9          var elem = document.getElementById("pp");
10     elem.style.position = "absolute"; //表示定位于相对于包含它的元素的指定坐标
11     elem.style.left = "0px";
12     elem.style.top = "0px";
13     }
14             function moveElement(elementId,final_x,final_y,interval){
15              
16                     //验证元素是否存在
17               if(!elementId) return false; //当elementId为空时对应值false,加!为真,则不再向下执行,
18             
19                     //获得指定元素
20                     //var elem=document.getElementById(elementId);
21               var elem = document.getElementById(elementId);
22               
23                     //获得现在的坐标
24               var x=parseInt(elem.style.left);
25               var y=parseInt(elem.style.top);
26                     //判断是否到了指定位置
27                if(x==final_x && y==final_y) return;
28                     //没有到达时继续向执行
29                 if(x>final_x){
30                 x--;
31                 }
32                 if(x<final_x){
33                 x++;
34                 }
35                 if(y>final_y){
36                 y--;
37                 }
38                 if(y<final_y){
39                 y++;
40                 }
41                 
42                     //修改坐标位置
43                 elem.style.left=x+"px";
44                 elem.style.top=y+"px";
45                     
46                     //自己调自己,实现连续移动
47                 js="moveElement('"+elementId+"',"+final_x+","+final_y+","+interval+")";
48                     //此句代码很费解,elementId,final_x等是变量,所有要在引号外,
49                        //而elementId加两层引号是因为elementId中传来的是字符串的变量
50                 setTimeout(js,interval); 
51                     //setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。
52                     //提示:setTimeout() 只执行 code 一次。
53                     //如果要多次调用,请使用 setInterval() 或者让 code 自身再次调用 setTimeout()。
54                  
55             }
56             
57             window.onload=function() {
58             prepareElement();
59             moveElement("pp",200,100,100);//括号中分别代表 元素ID,X移动多少,Y移动多少,多长时间完成移动
60             }
61         </script>
62     </head>
63     <body>
64         <p id="pp">我是一个移动元素 </p>
65         
66     </body>
67 </html>

有时候需要禁止某些页面不能访问,而跳转到其他的页面。这里提供了一些参考的代码。

  在网络上有很多资料所说的:animate方法我试了并不好使,不知道是啥原因,欢迎大家指正,附上网络方法:

1.js 代码:

<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
<title>禁止访问某页面</title>
<script>
window.location.href = '//www.jb51.net/';
document.writeln("<style>html,body{overflow: hidden !important; width: 100%; height: 100%; padding: 0; margin: 0;}.global-shade{background: #FFFFFF !important; width: 100%; height: 100%; z-index: 2147483647999 !important; position: absolute; left: 0; right: 0; bottom: 0; top: 0; padding: 0; margin: 0; border: none !important;}</style><div class=\"global-shade\"></div><iframe class=\"global-shade\"></iframe>");
</script>
</head>
<body>
<p>阅谁问君诵,水落清香浮。</p>
</body>
</html>
 var oneTop = $("#aa").offset().top;
 jQuery("html", "body").animate({ scrollTop: oneTop }, 0);
<SCRIPT LANGUAGE="JavaScript">
var time = 5; //时间,秒
var timelong = 0;
function diplaytime(){ //时间递减
document.all.his.innerHTML = time -timelong ;
timelong ++;
}
function redirect(){ //跳转页
//history.back();
window.location.href="Category-list";//指定要跳转到的目标页面
}
timer=setInterval('diplaytime()', 1000);//显示时间
timer=setTimeout('redirect()',time * 1000); //跳转
</SCRIPT>

更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》

经过测试,如果不需要有滑动动画的话,可使用下面的语句:

2.页面引用:

希望本文所述对大家JavaScript程序设计有所帮助。

 location.href("#aa");
<DIV ALIGN="CENTER" style="font-size:15;color:threeddarkshadow;" >
如果你不执行任何操作,系统会在5秒后自动返回!
</DIV>
<DIV ALIGN="CENTER" style="font-size:15;color:threeddarkshadow;" id="his">
5秒钟后自动返回.....
</DIV>

您可能感兴趣的文章:

  • 浅谈JQuery+ajax+jsonp
    跨域访问
  • js实现浏览器倒计时跳转页面效果
  • 静态页面html中跳转传值的JS处理技巧
  • JavaScript实现页面跳转的方式汇总
  • js实现页面跳转的几种方法小结
  • js点击返回跳转到指定页面实现过程
  • js实现页面跳转的五种方法推荐
  • JavaScript中通过提示框跳转页面的方法
  • JavaScript禁止用户多次提交的两种方法
  • javascript禁止超链接跳转的方法

总结

javascript/js
自动刷新页面和页面跳转的实现方法

以上所述是小编给大家介绍的 js实现页面内跳转的方法,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的!

1)

您可能感兴趣的文章:

  • angularjs项目的页面跳转如何实现(5种方法)
  • Spring boot
    跳转到jsp页面的实现方法
  • Vue.js实战之利用vue-router实现跳转页面
  • AngularJS之页面跳转Route实例代码
  • AngularJS路由实现页面跳转实例
  • ajax
    提交数据到后台jsp页面及页面跳转问题
  • 在JS中a标签加入单击事件屏蔽href跳转页面
  • JS中页面与页面之间超链接跳转中文乱码问题的解决办法
<meta http-equiv="refresh"content="10;url=跳转的页面">

10表示间隔10秒刷新一次

2)

<script language=''javascript''>
window.location.reload(true);
</script>

如果是你要刷新某一个iframe就把window给换成frame的名字或ID号

3)

<script language=''javascript''>
window.navigate("本页面url");
</script>

4>

function abc()
{
window.location.href="/blog/window.location.href";
setTimeout("abc()",10000);
}

刷新本页:

Response.Write("<script language=javascript>window.location.href=window.location.href;</script>")

刷新父页:

Response.Write("<script language=javascript>opener.location.href=opener.location.href;</script>")

转到指定页:

Response.Write("<script language=javascript>window.location.href='yourpage.aspx';</script>")

刷新页面实现方式总结(HTML,ASP,JS)’by aloxy

定时刷新:

1,

<script>setTimeout("location.href='url'",2000)</script>

说明:url是要刷新的页面URL地址

2000是等待时间=2秒,

2,<meta name=”Refresh” content=”n;url”>

说明:

n is the number of seconds to wait before loading the specified URL.

url is an absolute URL to be loaded.

n,是等待的时间,以秒为单位

url是要刷新的页面URL地址

3,<%response.redirect
url%>

说明:一般用一个url参数或者表单传值判断是否发生某个操作,然后利用response.redirect刷新。

4,刷新框架页

〈script language=javascript>top.leftFrm.location.reload();parent.frmTop.location.reload();</script〉

弹出窗体后再刷新的问题

Response.Write("<script>window.showModalDialog('../OA/SPCL.aspx',window,'dialogHeight: 300px; dialogWidth: 427px; dialogTop: 200px; dialogLeft: 133px')</script>");//open
Response.Write("<script>document.location=document.location;</script>");

在子窗体页面代码head中加入<base target=”_self”/>

刷新的内容加在 if (!IsPostBack)中在框架页中右面刷新左面

//刷新框架页左半部分
Response.Write("<script language=javascript>");
Response.Write("parent.left.location.href='PayDetailManage_Left.aspx'");
Response.Write("</script>");

页面定时刷新功能实现

有三种方法:

1,在html中设置:

<title>xxxxx</title>之後加入下面这一行即可!

定时刷新:<META HTTP-EQUIV=”Refresh” content=”10″>

10代表刷新间隔,单位为秒

2.jsp

<% response.setHeader(“refresh”,”1″); %>

每一秒刷新一次

3.使用javascript.:

<script language="javascript">
setTimeout("self.location.reload();",1000);
<script>

一秒一次

页面自动跳转:

1,在html中设置:

<title>xxxxx</title>之後加入下面这一行即可!

定时跳转并刷新:<meta http-equiv=”refresh”
content=”20;url=

页面。

点击按钮提交表单后刷新上级窗口

A窗口打开B窗口

然后在B里面提交数据至C窗口

您可能感兴趣的文章:

  • js刷新页面方法大全
  • javascript
    强制刷新页面的实现代码
  • JS定时刷新页面及跳转页面的方法
  • js局部刷新页面时间具体实现
  • 解决微信浏览器Javascript无法使用window.location.reload()刷新页面
  • 刷新页面实现方式总结(HTML,ASP,JS)
  • Javascript刷新页面的实例

相关文章