1、windowlocationreload()刷新当前页面
2、parentlocationreload()刷新父亲对象(用于框架)
3、openerlocationreload()刷新父窗口对象(用于单开窗口)
4、toplocationreload()刷新最顶端对象(用于多开窗口)
jQuery能做什么
jQuery为准确地获取需要检查或 *** 纵的文档元素,提供了可靠而有效率的选择符机制。
2修改页面的外观。
在页面已经呈现之后,jQuery任然能够改变文档中某个部分的类或者个别的样式属性。
3改变文档的内容。
jQuery能够影响的范围并不局限于简单的外观变化,使用少量的代码,jQuery就能改变文档的内容。
4响应用户的交互式 *** 作。
jQuery提供了截获形形色色的页面事件(比如用户单击某个链接)的适当方式,而不需要使用事件处理程序拆散HTML代码。
5为页面添加动态效果。
jQuery中内置的一批淡出、擦除之类的效果,以及制作新效果的工具包,为此提供了便利。
6无需刷新页面从服务器获取信息。
这种编程模式就是众人皆知的Ajax(asynchronous javascript and XML 异步javascript 和 XML),jQuery消除了这一过程中的浏览器特定的复杂性。
7简化常见的javascript任务。
jQuery改进了对基本的javascrip数据结构的 *** 作(例如迭代和数组)。
jQuery的引用方式和其他的外部js文件一样,如下:
<script type="text/javascript" src="scripts/jquery-152minjs"></script>
因为这个js文件都是放在scripts文件夹下,所以就可以像上面那样引用到当前文件中来。但是需要注意的一点是,这个引用应该放在其他js文件的引用之前,这样其他的js文件才能使用jQuery方法。
一般而言,采用jQuery函数库的HTML文件,通常应该是这样的:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Strict//EN" ">
需要准备的材料分别有:电脑、html编辑器、浏览器。
1、首先,打开html编辑器,新建html文件,例如:indexhtml,编写基础代码。
2、在indexhtml中的<script>标签,输入js代码:
var el = windowdocumentbody;
windowdocumentbodyonmouseover = function(event) {
el = eventtarget;
$('body')append('<br/>当前鼠标在' + $(el)html() + '元素上');
}
3、浏览器运行indexhtml页面,此时鼠标移动到123上,会打印出光标在123元素上。
1方法如下:
获取浏览器显示区域(可视区域)的高度 :
$(window)height();
获取浏览器显示区域(可视区域)的宽度 :
$(window)width();
获取页面的文档高度
$(document)height();
获取页面的文档宽度 :
$(document)width();
浏览器当前窗口文档body的高度:
$(documentbody)height();
浏览器当前窗口文档body的宽度:
$(documentbody)width();
获取滚动条到顶部的垂直高度 (即网页被卷上去的高度)
$(document)scrollTop();
获取滚动条到左边的垂直宽度 :
$(document)scrollLeft();
获取或设置元素的宽度:
$(obj)width();
获取或设置元素的高度:
$(obj)height();
某个元素的上边界到body最顶部的距离:objoffset()top;(在元素的包含元素不含滚动条的情况下)
某个元素的左边界到body最左边的距离:objoffset()left;(在元素的包含元素不含滚动条的情况下)
返回当前元素的上边界到它的包含元素的上边界的偏移量:objoffset()top(在元素的包含元素含滚动条的情况下)
返回当前元素的左边界到它的包含元素的左边界的偏移量:objoffset()left(在元素的包含元素含滚动条的情况下)
2代码如下:
//返回当前页面高度
function pageHeight(){
if($browsermsie){
return documentcompatMode == "CSS1Compat" documentdocumentElementclientHeight :
documentbodyclientHeight;
}else{
return selfinnerHeight;
}
};
//返回当前页面宽度
function pageWidth(){
if($browsermsie){
return documentcompatMode == "CSS1Compat" documentdocumentElementclientWidth :
documentbodyclientWidth;
}else{
return selfinnerWidth;
}
};
jQuery实现在页面上实时显示当前时间的一般做法如下:
1、定义一个date对象d
var d = new Date();
2、从d中获取月份
var month = dgetMonth()+1;
3、从d中获取日期
var day = dgetDate();
4、组装时间参数:
var time = dtgetHours() + ":" + dtgetMinutes() + ":" + dtgetSeconds();
5、最后形成完整的日期格式:
var output = dgetFullYear() + '/' +
(month<10 '0' : '') + month + '/' +
(day<10 '0' : '') + day + time
6、运行结果:
直接用js里的getElementsByName就可以获取所以name值相同的元素。但获取出来的并不是数组,而是类数组的元素集合。所以还需要一步变换,下面是简单代码:
<body><input type="text" name="111" />
<input type="text" name="111" />
<input type="text" name="111" />
<input type="text" name="111" />
<input type="text" name="111" />
<input type="text" name="111" />
<input type="text" name="111" />
<input type="text" name="111" />
</body>
<script>
var oInp = documentgetElementsByName('111');
var aInp = [];
for(var i=0;i<oInplength;i++){
aInppush(oInp[i]);
}
</script> //这样aInp这个数组里存储的就是所以元素name为111的数组。
以上就是关于jquery怎么刷新页面全部的内容,包括:jquery怎么刷新页面、在jQuery中怎样调取html文件到当前页面中、jquery 或者js 怎么获取页面光标所在的元素等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)