網(wǎng)頁(yè)無(wú)閃爍(無(wú)刷新)技術(shù)的實(shí)例代碼分享

2011/7/8 16:08:00 出處：本站人氣：709次字號(hào)：小中大

騎自行車(chē)的正確

在校大學(xué)生該如

微信朋友圈怎么

每日一囧

本文將提供給大家學(xué)習(xí)分享的是關(guān)于網(wǎng)頁(yè)無(wú)閃爍(無(wú)刷新)技術(shù)，希望對(duì)大家有用。

無(wú)刷新實(shí)現(xiàn)的幾點(diǎn)要點(diǎn)：
1,要設(shè)置好獲得數(shù)據(jù)的url
2,要實(shí)現(xiàn)數(shù)據(jù)的調(diào)用
3,要實(shí)現(xiàn)數(shù)據(jù)的無(wú)刷新
先看js是怎樣實(shí)現(xiàn)的
以下是lesen的利用js的無(wú)刷新

<html>
<head>
<meta http-equiv='Content-Type' content='text/html; charset=gb2312'>
<script language='java script' type='text/java script'>

function GetData(url)
{
try
{
DataLoad.src = url;
}
catch(e)
{
return false;
}
}
</script>
<script id='DataLoad' language='java script' type='text/java script' defer></script>
</head>
<body>
<input type='button' name='Submit' value='請(qǐng)求' onClick='GetData('dataload.aspx')'>
</body>
</html>

相信大家也許已經(jīng)看過(guò)這代碼，這個(gè)是利用onClick事件實(shí)現(xiàn)數(shù)據(jù)庫(kù)更新加載的
但是數(shù)據(jù)調(diào)用和自動(dòng)刷新還沒(méi)有。

所以我對(duì)這個(gè)作了如下修改

先解釋?zhuān)?/p>

url='login1.asp' 定義數(shù)據(jù)url
var timeoutid = setTimeout('GetData()',2000) 定義GetData()這個(gè)的刷新時(shí)間

<script language='java script' type='text/java script'>

</script>

<body onLoad='MM_callJS('GetData()')'>
利用 MM_callJS 這個(gè)實(shí)現(xiàn)網(wǎng)頁(yè)下載時(shí)加載GetData()
<span id=xx></span> 調(diào)用login1.asp里面的xx數(shù)據(jù)

login1.asp 設(shè)置如下
{
xx.innerHTML='<%=('now')%>'
}

這樣通過(guò)innerHTML我們就能調(diào)用數(shù)據(jù)了。

此外還有一些實(shí)現(xiàn)無(wú)刷新的：

如經(jīng)典里的文件替換無(wú)刷新
經(jīng)典里的JS替換文件實(shí)現(xiàn)無(wú)刷新。

<head>
<script language='java script'>
var value = '';
var timeid = null;
var ready = false;

function showvalue() {
ready = false;
text.innerHTML = '請(qǐng)稍候……';
if (scr.src == '1.js') scr.src = '2.js';
else scr.src = '1.js';
loadscr();
}

function loadscr() {
if (ready) {
text.innerHTML = value;
}
else {
clearTimeout(timeid);
timeid = setTimeout('loadscr();', 10);
}
}

</script>
</head>
<BODY aLink=#000020 bgColor=#ffffff id=all link=#000020 text=#070155 topMargin=10 vLink=#000020 marginheight='10' marginwidth='10'>
<button type='button' onclick='showvalue();'>切換</button>
<span id='text'></span>
<script id='scr' language='java script' src=''></script>
</body>

1.js

value = '這是第1個(gè)腳本';
ready = true;

2.js

value = '這是第2個(gè)腳本';
ready = true;

只要加個(gè)定時(shí)間刷新 showvalue() 就會(huì)自動(dòng)刷新了。

還有的就是利用XML
原理和方法大概和js的一樣，只不過(guò)XML要求高一點(diǎn)而已

login.asp

<?xml version='1.0' encoding='gb2312' ?>
<plan>
<xx>更改就看到</xx>
<yy>更改就看到</yy>
<hp>1112311</hp>
</plan>

好了，該總結(jié)的都完了。希望這篇文章能對(duì)大家有所幫助。

timeoutid = setTimeout('GetData()',2000)

這個(gè)會(huì)比價(jià)耗資源的.

文章推薦

相關(guān)資訊

本類(lèi)常用軟件

網(wǎng)頁(yè)無(wú)閃爍(無(wú)刷新)技術(shù)的實(shí)例代碼分享