flyxiang228
- 浏览: 60327 次
- 性别:
- 来自: 江西
-
文章分类
最新评论
JS/DOM/Ajax/Framework(Jquery/Yui/Mootools/EXT)
gotop效果
Javascript刷新页面的几种方法：
自动刷新页面的方法:
JS刷新框架的脚本语句:
ASP.NET如何输出刷新父窗口脚本语句:
<script>
var BackTop=function(btnId){
var btn=document.getElementById(btnId);
var browserName=navigator.userAgent.toLowerCase();
if(/chrome/i.test(browserName) && /webkit/i.test(browserName) && /mozilla/i.test(browserName)){
var d = document.body;
}else{
var d = document.documentElement ? document.documentElement : document.body;
}
window.onscroll=set;
btn.onclick=function (){
btn.style.display="none";
window.onscroll=null;
this.timer=setInterval(function(){
//d.scrollTop = 0;
d.scrollTop-=Math.ceil(d.scrollTop*0.1);
if(d.scrollTop==0) clearInterval(btn.timer,window.onscroll=set);
},10);
};
function set(){btn.style.display=d.scrollTop >= 800?'block':"none";}
};
</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
自动刷新页面的方法:
1.页面自动刷新：把如下代码加入<head>区域中
<meta http-equiv="refresh" content="20">
其中20指每隔20秒刷新一次页面.
2.页面自动跳转：把如下代码加入<head>区域中
<meta http-equiv="refresh" content="20;url=http://www.***.com">
其中20指隔20秒后跳转到http://www.***.com/页面
3.页面自动刷新js版
<script language="JavaScript">
function myrefresh()
{
window.location.reload();
}
setTimeout('myrefresh()',1000); //指定1秒刷新一次
</script>
JS刷新框架的脚本语句:
//如何刷新包含该框架的页面用
<script language=JavaScript>
parent.location.reload();
</script>
//子窗口刷新父窗口
<script language=JavaScript>
self.opener.location.reload();
</script>
( 或 <a href="javascript:opener.location.reload()">刷新</a> )
//如何刷新另一个框架的页面用
<script language=JavaScript>
parent.otherFrameID.location.reload();
</script>
如果想关闭窗口时刷新或者想开窗时刷新的话，在<body>中调用以下语句即可。
<body onload="opener.location.reload()"> 开窗时刷新
<body onUnload="opener.location.reload()"> 关闭时刷新
<script language="javascript">
window.opener.document.location.reload()
</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>")
分享到：
发表评论
-
粒子喷泉
2011-07-18 17:43 861注：来自http://daimaren.cn/blog/?p= ... -
jquery validate addMethod
2011-06-20 15:18 1538只能输入m-n个字符且至少有一个字母和一个数字 jQuer ... -
4个跨浏览器必备的函数
2011-05-26 13:58 738http://www.cssbaby.com/archives ... -
用jquery实现的文本框只能输入数字
2011-05-25 10:14 2279用jquery实现的文本框只能输入数字简单插件 $.fn. ... -
闭包理解
2011-04-28 11:51 814直接看到代码 var list = document.ge ... -
jQuery 封装function
2011-03-25 16:37 1920// JavaScript Document (func ... -
利用浏览器默认方法获取浏览器当前位置
2011-03-19 13:53 1033支持浏览器 IE FIREFOX SAFARI CHROME ... -
关于用jQuery实现效果
2011-03-19 09:37 7901、效果1：关于新闻信息文字上下切换 <div i ... -
jquery实现键盘上下键、return键选折li
2011-03-16 11:42 6591注释：code来源javaeye 使用前要引入jquery库 ... -
随滚动条移动的层
2011-02-15 09:51 806<!DOCTYPE html PUBLIC &quo ... -
yui的学习脚印
2011-01-30 22:37 959<!DOCTYPE html PUBLIC &quo ... -
vim 使用
2011-01-21 17:08 683vim命令 vi和vim是linux和u ... -
js左右滚动效果
2011-01-21 14:49 1831<!DOCTYPE html PUBLIC &quo ... -
javascript基础知识
2011-01-19 09:45 731注释：来自http://www.csssea.com/?p=7 ... -
Javascript浏览器兼容问题
2011-01-14 00:13 1021Javascript浏览器兼容 1.doc ... -
一个简单的javascript tab选项卡
2011-01-13 20:51 1090<!DOCTYPE html PUBLIC &quo ... -
常用的正则表达式
2011-01-10 13:47 654/** *postal codes regular ... -
一些比较实用的javascript方法
2011-01-10 13:25 908动态加载javascript文件 <script t ... -
javacript实现根据选择不同国家选择显示不同的省/州
2010-12-29 01:13 1452/** * @author wangxiang * ... -
javascript方法（Methods）
2010-12-28 23:49 9671、Array array.concat(item..) co ...
相关推荐
YUI本身是一个开源的JavaScript库，由Yahoo开发，旨在简化前端开发，提供包括DOM操作、事件处理、动画效果、Ajax交互等功能。而YUI-EXT则是对YUI功能的补充，它主要专注于用户界面组件的实现，提供了丰富的UI元素和...
JavaScript框架高级编程——应用Prototype、YUI、Ext JS、Dojo、MooTools JavaScript框架高级编程——应用Prototype、YUI、Ext JS、Dojo、MooTools
四种时兴的框架jQuery,Mootools,Dojo,ExtJS的对比
本书分为四个部分，涵盖了五种流行的JavaScript框架：Prototype、YUI、Ext JS、Dojo 和 MooTools。每一部分都深入介绍了特定框架的功能和使用方法。 - **第一部分：Prototype** - **第1章：扩展和增强DOM元素** ...
标题中的"yui.zip_YUI aj_ajax_ajax java_javascript_javascript YUI Ajax"指的是YUI（Yahoo! User Interface Library）库的一个版本，该版本重点强调了AJAX（Asynchronous JavaScript and XML）技术的使用，同时也...
在给定的标题"JavaScript libraries--->jQuery, Prototype, Mootools, YUI, Extjs, Dojo"中，提到了五种著名的JavaScript库：jQuery、Prototype、Mootools、YUI和ExtJS。这些库都有各自的特性和优势，下面将详细介绍...
《Professional JavaScript Frameworks: Prototype,YUI, ExtJS, Dojo and MooTools》是关于JavaScript框架的高级编程资源，包含了各种知名框架的源代码，这些框架包括Prototype、YUI（Yahoo! User Interface Library...
Practical JavaScript, DOM, and Ajax Projects is ideal for web developers already experienced in JavaScript who want to take their knowledge to the next level. It presents ten complete example projects...
与jQuery相似，YUI提供了一套完整的解决方案，包括DOM操作、事件处理、动画效果、Ajax交互以及模块化开发等。 YUI的核心理念是模块化，这意味着你可以按需引入所需的组件，降低页面加载负担。它通过`yui.yahooapis....
《深入理解YUI扩展EXT——构建高效前端UI与Ajax应用》 YUI（Yahoo! User Interface Library）是由雅虎公司开发的一套开源JavaScript库，它为开发者提供了丰富的UI组件和功能，以帮助创建高性能、易用的Web应用程序...
<script type="text/javascript" language="javascript" src="mootools.js"></script> <div id="myDiv1" >abc</div> <script type="text/javascript"> var a = new Element('button'); a.value = 'test'; alert(a)...
- **与YUI的集成**：YUI是Yahoo开发的一个前端框架，MooTools-YUI-Compressed.js可能包含了MooTools与YUI的集成代码，使得两个库可以协同工作，共享某些功能或组件。 - **压缩优化**：文件名中的"compressed"表明...
这篇学习笔记主要介绍了 Yui_ext 的基础知识，适合对 JavaScript 和 HTML DOM 有一定了解的初学者。 首先，了解 Ext 库的基本概念。Ext 提供了一个强大的框架，用于创建具有丰富用户体验的网页应用，其核心是 ...
本教程将深入探讨Jquery、YUI和ExtJs这三大JavaScript框架在表单验证和提示功能方面的应用。 **jQuery** jQuery是一款轻量级、高性能的JavaScript库，以其简洁的API和跨浏览器兼容性闻名。在表单验证方面，jQuery...
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/mootools/1.4.1/mootools-yui-compressed.js"></script> </head> 欢迎使用Mootools</h1> 这是一个简单的段落。</p> 列表项1</li>...
EXT JS可以与其他JavaScript库如Prototype.js和jQuery协同工作，提供了丰富的组件和API，使得开发者能够轻松地创建各种功能丰富的表单、网格、图表、菜单等元素。EXT JS 3.0版本被认为在业务处理方面非常成熟，能...
YUI的核心在于提供了一系列模块化的组件，包括DOM操作、事件处理、动画效果、Ajax交互等，使得前端开发更加便捷高效。在"YUI-ajax框架开发文档"中，我们可以深入探讨YUI如何通过其Ajax组件实现异步数据通信。 YUI中...
随着互联网技术的发展，特别是WEB2.0和Ajax技术的兴起，越来越多的JavaScript框架应运而生，其中包括Prototype、YUI、jQuery、MooTools、Bindows以及国内的JSVM等。这些框架通过封装复杂的JavaScript代码，简化了Web...