1、首先新建一個html文件,命名為test.html,在test.html文件內(nèi),引入jquery.min.js庫文件,成功加載該文件,才能使用jquery中的方法。
成都創(chuàng)新互聯(lián)公司專注于固原企業(yè)網(wǎng)站建設(shè),響應(yīng)式網(wǎng)站,商城網(wǎng)站定制開發(fā)。固原網(wǎng)站建設(shè)公司,為固原等地區(qū)提供建站服務(wù)。全流程定制開發(fā),專業(yè)設(shè)計,全程項目跟蹤,成都創(chuàng)新互聯(lián)公司專業(yè)和態(tài)度為您提供的服務(wù)
2、在test.html文件內(nèi),使用button標簽創(chuàng)建一個按鈕,按鈕名稱分別為“刷新頁面”。
3、在test.html文件內(nèi),設(shè)置button標簽的id為btn,主要用于下面通過該id獲得button對象。
4、在js標簽內(nèi),使用$(function(){ })方法在頁面加載完成時,通過window.location.href獲得當前頁面的鏈接,并把鏈接保存在變量url中。
5、在js標簽內(nèi),通過id(btn)獲得button對象,給它綁定click點擊事件,實現(xiàn)當按鈕被點擊時,使用window.location.href方法跳轉(zhuǎn)至url,從而實現(xiàn)刷新頁面的效果。
6、在瀏覽器打開test.html文件,點擊按鈕,查看實現(xiàn)的效果。
頁面刷新方法:
window.location.reload()刷新當前頁面.
parent.location.reload()刷新父親對象(用于框架)
opener.location.reload()刷新父窗口對象(用于單開窗口)
top.location.reload()刷新最頂端對象(用于多開窗口)
下面再介紹一些javascript基本函數(shù)
document.write(”");為 輸出語句
2.js中的注釋為//
3.傳統(tǒng)的html文檔順序是:document-html-(head,body)
4.一個瀏覽器窗口中的dom順序是:window-
(navigator,screen,history,location,document)
5.得到表單中元素的名稱和值:document.getelementbyid(”表單中元素的id
號”).name(或value)
6.一個小寫轉(zhuǎn)大寫的js: document.getelementbyid(”output”).value =
document.getelementbyid(”input”).value.touppercase();
7.js中的值類型:string,number,boolean,null,object,function
8.js中的字符型轉(zhuǎn)換成數(shù)值型:parseint(),parsefloat()
9.js中的數(shù)字轉(zhuǎn)換成字符型:(”"+變量)
10.js中的取字符串長度是:(length)
常見的有以下幾種;
$.get方法,$.post方法,$.getJson方法,$.ajax方法如下
前兩種使用方法基本上一樣
$.getScript方法:
$.getScript(””,
function(){
$(”#go”).click(function(){//回調(diào)方法
$(”.block”).animate( { backgroundColor: ‘pink’ }, 1000)
.animate( { backgroundColor: ‘blue’ }, 1000);
});
});
$.getJson只是返回的數(shù)據(jù)類型不一樣
$.ge.get(”Default.php”, {id:”1″, page: “2″ },
function(data){
//這里是回調(diào)方法。返回data數(shù)據(jù)。這里想怎么處理就怎么處理了。
});tJson(”Default.php”, {id:”1″, page: “2″ },
function(data){
//注意,這里返回的JSON數(shù)據(jù)引用方法為”data.info”,不明白的可以查一下json方面的教程。這里就不解釋太多了
});
$.ajax 這個方法估計用的人很多吧。不過我不太喜歡用這個。個人覺得前面兩個更方便
$.ajax({
type: “POST”, //提交的類型
url: “some.php”,//提交地址
data: “name=Johnlocation=Boston”,//參數(shù)
success: function(msg){ //回調(diào)方法
alert( “Data Saved: ” + msg );//這里是方法內(nèi)容,和上面的get方法一樣
}
});
下面介紹全頁面刷新方法:有時候可能會用到
window.location.reload()刷新當前頁面.
parent.location.reload()刷新父親對象(用于框架)
opener.location.reload()刷新父窗口對象(用于單開窗口)
top.location.reload()刷新最頂端對象(用于多開窗口)