`
usenrong
  • 浏览: 505592 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

jquery刷新页面方法及常用Javascript方法

 
阅读更多

局部刷新:

这个方法就多了去了,常见的有以下几种;

$.get方法,$.post方法,$.getJson方法,$.ajax方法如下

前两种使用方法基本上一样

$.get(”Default.php”, {id:”1″, page: “2″ },
function(data){
//这里是回调方法。返回data数据。这里想怎么处理就怎么处理了。
});

$.getScript方法:

$.getScript(”http://jqueryajax.com/jquery.js”,
function(){
$(”#go”).click(function(){//回调方法
$(”.block”).animate( { backgroundColor: ‘pink’ }, 1000)
.animate( { backgroundColor: ‘blue’ }, 1000);
});
});

$.getJson只是返回的数据类型不一样

$.getJson(”Default.php”, {id:”1″, page: “2″ },
function(data){
//注意,这里返回的JSON数据引用方法为”data.info”,不明白的可以查一下json方面的教程。这里就不解释太多了
});

$.ajax 这个方法估计用的人很多吧。不过我不太喜欢用这个。个人觉得前面两个更方便

$.ajax({
type: “POST”, //提交的类型
url: “some.php”,//提交地址
data: “name=John&location=Boston”,//参数
success: function(msg){ //回调方法
alert( “Data Saved: ” + msg );//这里是方法内容,和上面的get方法一样
}
});

下面介绍全页面刷新方法:有时候可能会用到
window.location.reload()刷新当前页面.
parent.location.reload()刷新父亲对象(用于框架)
opener.location.reload()刷新父窗口对象(用于单开窗口)
top.location.reload()刷新最顶端对象(用于多开窗口)

下面再介绍一些javascript基本函数

  • 1.document.write(”");为 输出语句
  • 2.JS中的注释为//
  • 3.传统的HTML文档顺序是:document->html->(head,body)
  • 4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,location,document)
  • 5.得到表单中元素的名称和值:document.getElementById(”表单中元素的ID号”).name(或value)
  • 6.一个小写转大写的JS: document.getElementById(”output”).value = document.getElementById(”input”).value.toUpperCase();
  • 7.JS中的值类型:String,Number,Boolean,Null,Object,Function
  • 8.JS中的字符型转换成数值型:parseInt(),parseFloat()
  • 9.JS中的数字转换成字符型:(”"+变量)
  • 10.JS中的取字符串长度是:(length)
  • 11.JS中的字符与字符相连接使用+号.
  • 12.JS中的比较操作符有:==等于,!=不等于,>,>=,<.<=
  • 13.JS中声明变量使用:var来进行声明
  • 14.JS中的判断语句结构:if(condition){}else{}
  • 15.JS中的循环结构:for([initial expression];[condition];[upadte expression]) {inside loop}
  • 16.循环中止的命令是:break
  • 17.JS中的函数定义:function functionName([parameter],…){statement[s]}
  • 18.当文件中出现多个form表单时.可以用document.forms[0],document.forms[1]来代替.
  • 19.窗口:打开窗口window.open(), 关闭一个窗口:window.close(), 窗口本身:self
  • 20.状态栏的设置:window.status=”字符”;
  • 21.弹出提示信息:window.alert(”字符”);
  • 22.弹出确认框:window.confirm();
  • 23.弹出输入提示框:window.prompt();
  • 24.指定当前显示链接的位置:window.location.href=”URL”
  • 25.取出窗体中的所有表单的数量:document.forms.length
  • 26.关闭文档的输出流:document.close();
  • 27.字符串追加连接符:+=
  • 28.创建一个文档元素:document.createElement(),document.createTextNode()
  • 29.得到元素的方法:document.getElementById()
  • 49.引用一个文件式的JS:<script type=”text/javascript” src=”aaa.js”></script>
  • 50.指定在不支持脚本的浏览器显示的HTML:<noscript></noscript>
  • 51.当超链和ONCLICK事件都有时,则老版本的浏览器转向a.html,否则转向b.html.例:<a href=”a.html” onclick=”location.href=’b.html’;return false”>dfsadf</a>
  • 52.JS 的内建对象 有:Array,Boolean,Date,Error,EvalError,Function,Math,Number,Object,RangeError,ReferenceError,RegExp,String,SyntaxError,TypeError,URIError
  • 53.JS中的换行:\n
  • 54.窗口全屏大小:<script>function fullScreen(){ this.moveTo(0,0);this.outerWidth=screen.availWidth;this.outerHeight=screen.availHeight;}window.maximize=fullScreen;</script>
  • 55.JS中的all代表其下层的全部元素
  • 56.JS中的焦点顺序:document.getElementByid(”表单元素”).tabIndex = 1
  • 57.innerHTML的值是表单元素的值:如<p id=”para”>”how are <em>you</em>”<p></p>,则innerHTML的值就是:how are <em>you</em>
  • 58.innerTEXT的值和上面的一样,只不过不会把<em>这种标记显示出来.
  • 59.contentEditable可设置元素是否可被修改,isContentEditable返回是否可修改的状态.
  • 60.isDisabled判断是否为禁止状态.disabled设置禁止状态
  • 61.length取得长度,返回整型数值
  • 62.addBehavior()是一种JS调用的外部函数文件其扩展名为.htc
  • 63.window.focus()使当前的窗口在所有窗口之前.
  • 64.blur()指失去焦点.与FOCUS()相反.
  • 65.select()指元素为选中状态.
  • 66.防止用户对文本框中输入文本:onfocus=”this.blur()”
  • 67.取出该元素在页面中出现的数量:document.all.tags(”div(或其它HTML标记符)”).length
  • 68.JS中分为两种窗体输出:模态和非模态.window.showModaldialog(),window.showModeless()
  • 69.状态栏文字的设置:window.status=’文字’,默认的状态栏文字设置:window.defaultStatus = ’文字.’;
  • 70.添加到收藏夹:external.AddFavorite(”http://www.google.com”,”Google”);
  • 71.JS中遇到脚本错误时不做任何操作:window.onerror = doNothing; 指定错误句柄的语法为:window.onerror = handleError;
  • 72.JS中指定当前打开窗口的父窗口:window.opener,支持opener.opener…的多重继续.
  • 73.JS中的self指的是当前的窗口
  • 74.JS中状态栏显示内容:window.status=”内容”
  • 75.JS中的top指的是框架集中最顶层的框架
  • 76.JS中关闭当前的窗口:window.close();
  • 77.JS中提出是否确认的框:if(confirm(”Are you sure?”)){alert(”ok”);}else{alert(”Not Ok”);}
  • 78.JS中的窗口重定向:window.navigate(”http://www.google.com”);
  • 79.JS中的打印:window.print()
  • 80.JS中的提示输入框:window.prompt(”message”,”defaultReply”);
  • 81.JS中的窗口滚动条:window.scroll(x,y)
  • 82.JS中的窗口滚动到位置:window.scrollby
  • 83.JS中设置时间间隔:setInterval(”expr”,msecDelay)或setInterval(funcRef,msecDelay)或setTimeout
  • 84.JS中的模态显示在IE4+行,在NN中不行:showModalDialog(”URL”[,arguments][,features]);
  • 85.JS中的退出之前使用的句柄:function verifyClose(){event.returnValue=”we really like you and hope you will stay longer.”;}} window.onbeforeunload=verifyClose;
  • 86.当窗体第一次调用时使用的文件句柄:onload()
  • 87.当窗体关闭时调用的文件句柄:onunload()
  • 88.window.location的属性: protocol(http:),hostname(www.example.com),port(80),host(www.example.com:80),pathname(”/a/a.html”),hash(”#giantGizmo”,指跳转到相应的锚记),href(全部的信息)
  • 89.window.location.reload()刷新当前页面.
  • 89-1.parent.location.reload()刷新父亲对象(用于框架)
  • 89-2.opener.location.reload()刷新父窗口对象(用于单开窗口)
  • 89-3.top.location.reload()刷新最顶端对象(用于多开窗口)
  • 90.window.history.back()返回上一页,window.history.forward()返回下一页,window.history.go(返回第几页,也可以使用访问过的URL)
  • 91.document.write()不换行的输出,document.writeln()换行输出
  • 92.document.body.noWrap=true;防止链接文字折行.
  • 93.变量名.charAt(第几位),取该变量的第几位的字符.
  • 94.”abc”.charCodeAt(第几个),返回第几个字符的ASCii码值.
  • 95.字符串连接:string.concat(string2),或用+=进行连接
  • 96.变量.indexOf(”字符”,起始位置),返回第一个出现的位置(从0开始计算)
  • 97.string.lastIndexOf(searchString[,startIndex])最后一次出现的位置.
  • 98.string.match(regExpression),判断字符是否匹配.
  • 99.string.replace(regExpression,replaceString)替换现有字符串.
  • 100.string.split(分隔符)返回一个数组存储值.
  • 101.string.substr(start[,length])取从第几位到指定长度的字符串.
  • 102.string.toLowerCase()使字符串全部变为小写.
  • 103.string.toUpperCase()使全部字符变为大写.
  • 104.parseInt(string[,radix(代表进制)])强制转换成整型.
  • 105.parseFloat(string[,radix])强制转换成浮点型.
  • 106.isNaN(变量):测试是否为数值型.
  • 107.定义常量的关键字:const,定义变量的关键字:var
分享到:
评论

相关推荐

    超实用的jQuery代码段

    超实用的jQuery代码段精选近350个jQuery代码段,涵盖页面开发中绝大多数要点、技巧与方法,堪称史上最实用的jQuery代码参考书,可以视为网页设计与网站建设人员的好帮手。《超实用的jQuery代码段》的代码跨平台、跨...

    JQuery&CSS;&CSS;+DIV实例大全.rar

    分享jquery无刷新多功能表单验证插件并漂亮美化表单及错误输入提示效果 15.简单jQuery+CSS实现验证表单红色提示效果 16.简单表单input输入框提示插件1.0下载 17.另种效果的jQuery EasyValidator表单验证插件...

    韩顺平PHP JS JQUERY 所有视频下载种子 货真价实

    9-27 7 常用数组的属性及使用方法 9-28 1课程回顾 9-28 2 二维数组的定义使用 数组排序 9-28 3 顺序查找 二分查找 9-28 4 javascript面向对象编程 9-28 5 javascript对象存在形式 9-28 6 javascript类与对象 9-28 7 ...

    jQuery Ajax 上传文件处理方式介绍(推荐)

    jQuery Ajax在web应用开发中很常用,它主要包括有ajax,get,post,load,getscript等等这几种常用无刷新操作方法,接下来通过本文给大家介绍jquery ajax 上传文件处理方式。 FormData对象 XMLHttpRequest Level 2添加了...

    ajax长连接式的浏览器、服务器的全双工通信框架.rar

    当请求返回时,就可以使用JavaScript和CSS来相应地更新UI,而不是刷新整个页面。最重要的是,用户甚至不知道浏览器正在与服务器通信:Web站点看起来是即时响应的。 ajax 的全称是Asynchronous JavaScript and XML...

    史上最全韩顺平传智播客PHP就业班视频,10月份全集

    9-27 7 常用数组的属性及使用方法 9-28 1课程回顾 9-28 2 二维数组的定义使用 数组排序 9-28 3 顺序查找 二分查找 9-28 4 javascript面向对象编程 9-28 5 javascript对象存在形式 9-28 6 javascript类与对象 9-28 7 ...

    史上最全传智播客PHP就业班视频课,8月份视频

    9-27 7 常用数组的属性及使用方法 9-28 1课程回顾 9-28 2 二维数组的定义使用 数组排序 9-28 3 顺序查找 二分查找 9-28 4 javascript面向对象编程 9-28 5 javascript对象存在形式 9-28 6 javascript类与对象 9-28 7 ...

    史上最全韩顺平传智播客PHP就业班视频,9月份全集

    9-27 7 常用数组的属性及使用方法 9-28 1课程回顾 9-28 2 二维数组的定义使用 数组排序 9-28 3 顺序查找 二分查找 9-28 4 javascript面向对象编程 9-28 5 javascript对象存在形式 9-28 6 javascript类与对象 9-28 7 ...

    (全)传智播客PHP就业班视频完整课程

    9-27 7 常用数组的属性及使用方法 9-28 1课程回顾 9-28 2 二维数组的定义使用 数组排序 9-28 3 顺序查找 二分查找 9-28 4 javascript面向对象编程 9-28 5 javascript对象存在形式 9-28 6 javascript类与对象 9-28 7 ...

    GoodProject Maven Webapp.zip

    系统主要运用在:主要运用于系统的表单验证比如登录注册验证码以及一些需要不刷新页面的异步提交页面(在车票查询,登录注册表单验证页面使用到了,还有是一些删除操作也使用到了) 前端页面使用的jsp(Java服务端...

    史上最好传智播客就业班.net培训教程60G 不下会后悔

    功能点 站内搜索、栏目管理、视频播放(完全模仿优酷视频页面)、焦点图、静态页面生成(新浪、搜狐等大型网站普遍采用的技术)、文章管理、无刷新评论、评论的无刷新分页、敏感词过滤、用户管理、友情链接管理、...

    千方百计笔试题大全

    167、Prototype如何实现页面局部定时刷新? 40 168、Prototype如何为一个Ajax添加一个参数? 40 169、Ajax请求总共有多少种Callback? 41 170、Javascript如何发送一个Ajax请求? 41 171、AJAX都有哪些有点和缺点? ...

    java面试宝典

    167、Prototype如何实现页面局部定时刷新? 40 168、Prototype如何为一个Ajax添加一个参数? 40 169、Ajax请求总共有多少种Callback? 41 170、Javascript如何发送一个Ajax请求? 41 171、AJAX都有哪些有点和缺点? ...

    老男孩python 四期

    ※实现页面部分内容与后台交互并实时刷新页面 第九天 1、Python WEB 架构Django的介绍、使用 2、Django manage.py 3、Django 视图 4、Django models使用Mysql数据库 5、Django 模板 6、Django url 7、Django Admin...

    Java开源的下一代社区平台Symphony.zip

    实时呈现:回帖提交后其他浏览者可以不刷新页面就实时看到你的回帖 随时滚动:浮出式回帖编辑器方便回帖者随时滚动屏幕查看其他内容,不必担心焦点丢失 真正的回复:回复是针对回帖而言的,而 @ 是针对用户而言的...

    JAVA上百实例源码以及开源项目

    Java波浪文字制作方法及源代码 1个目标文件 摘要:Java源码,初学实例,波浪文字  Java波浪文字,一个利用Java处理字符的实例,可以设置运动方向参数,显示文本的字符数组,高速文本颜色,显示字体的 FontMetrics对象...

    JAVA上百实例源码以及开源项目源代码

    JavaScript万年历 显示出当前时间及年份,还可以选择年份及月份和日期 Java编写的HTML浏览器 一个目标文件 摘要:Java源码,网络相关,浏览器 Java编写的HTML浏览器源代码,一个很简单甚至不算是浏览器的HTML浏览器,...

Global site tag (gtag.js) - Google Analytics