变态重口极致另类在线-波多久久夜色精品国产-波多野结衣在线观看一区-波多野结衣在线观看一区二区-污污的网站免费阅读-污污视频网址

當前位置: 首頁IT技術 → 網頁無閃爍(無刷新)技術的實例代碼分享

網頁無閃爍(無刷新)技術的實例代碼分享

更多

本文將提供給大家學習分享的是關于網頁無閃爍(無刷新)技術,希望對大家有用。

無刷新實現的幾點要點:
1,要設置好獲得數據的url
2,要實現數據的調用
3,要實現數據的無刷新
先看js是怎樣實現的
以下是lesen的利用js的無刷新

<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='請求' onClick='GetData('dataload.aspx')'>
</body>
</html>

相信大家也許已經看過這代碼,這個是利用onClick事件實現數據庫更新加載的
但是數據調用和自動刷新還沒有。

所以我對這個作了如下修改

<script language='java script' type='text/java script'>
function GetData(url)
{
url='login1.asp'
try
{
DataLoad.src = url;
}
catch(e)
{
return false;
}
{
var timeoutid = setTimeout('GetData()',2000)
}
}
</script>
<body>
<script id='DataLoad' language='java script' type='text/java script' defer></script>
<script language='java script' type='text/java script'>
<!--
function MM_callJS(jsStr) { //v2.0
return eval(jsStr)
}
//-->
</script>
<body onLoad='MM_callJS('GetData()')'>
<span id=xx></span>
</body>

先解釋:

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

<script language='java script' type='text/java script'>
<!--
function MM_callJS(jsStr) { //v2.0
return eval(jsStr)
}
//-->
</script>

<body onLoad='MM_callJS('GetData()')'>
利用 MM_callJS 這個實現網頁下載時加載GetData()
<span id=xx></span> 調用login1.asp里面的xx數據

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

這樣通過innerHTML我們就能調用數據了。

此外還有一些實現無刷新的:

如經典里的文件替換無刷新
經典里的JS替換文件實現無刷新。

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

function showvalue() {
ready = false;
text.innerHTML = '請稍候……';
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個腳本';
ready = true;

2.js

value = '這是第2個腳本';
ready = true;

只要加個定時間刷新 showvalue() 就會自動刷新了。

還有的就是利用XML
原理和方法大概和js的一樣,只不過XML要求高一點而已

<SCRIPT language=java script>
<!--
function bar(){
var oXMLDoc = new ActiveXObject('MSXML'); //創建'MSXML'對象
sURL = 'login.asp' //獲取登陸狀態數據的地址
oXMLDoc.url = sURL; //load數據
var oRoot=oXMLDoc.root; //獲取返回xml數據的根節點
if(oRoot.children != null)
{
//根據返回的數據在客戶端顯示
xx.innerHTML=oRoot.children.item(0).text; //用戶
yy.innerHTML=oRoot.children.item(1).text; //時間
hp.innerHTML=oRoot.children.item(2).text; //停留
}
var timeoutid = setTimeout('bar()',1500)
} //每1.5秒重獲一次數據,}
//-->
</SCRIPT>
<script language='java script' type='text/java script'>
<!--
function MM_callJS(jsStr) { //v2.0
return eval(jsStr)
}
//-->
</script>

<body leftmargin='0' onLoad='MM_callJS('bar()')'>
yy:<span id=xx></span> xx:<span id=yy></span> hp:<span id=hp></span>

login.asp

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

好了,該總結的都完了。希望這篇文章能對大家有所幫助。

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

這個會比價耗資源的.

熱門評論
最新評論
昵稱:
表情: 高興 可 汗 我不要 害羞 好 下下下 送花 屎 親親
字數: 0/500 (您的評論需要經過審核才能顯示)
主站蜘蛛池模板: 最刺激黄a大片免费观看 | 国产在线欧美精品 | 亚洲国产成人91精品 | 免费看日韩 | 91网站网站网站在线 | 波多野结衣四虎精品影库 | 国产精品hd | 国产精品成人免费观看 | 亚洲黄网视频 | 我亲爱的朋友们免费看 | 日韩黄色小视频 | 亚洲日本va午夜中文字幕 | 国产成人a视频在线观看 | 中国男女全黄大片一级 | 不卡无毒免费毛片视频观看 | 欧美成人网在线综合视频 | 中国一级毛片aaa片 中国一级毛片 | 欧美在线中文字幕 | 国产青春草 | 可以免费看黄的网址 | 国产白丝 | 亚洲午夜高清 | 精品一区二区在线欧美日韩 | 免费人成视网站在线不卡 | 国产日韩在线 | 日本九色| 日韩欧美精品在线观看 | 躁天天躁中文字幕在线 | 天天摸天天澡天天碰天天弄 | 521色香蕉网站在线观看 | 国产一区二区三区美女秒播 | 黄网站色视频免费观看 | 亚洲综合专区 | 欧美一级看片免费观看视频在线 | 国产成人综合久久精品红 | 欧美日韩一本 | 91免费视频观看 | 最近2019中文字幕大全第二页 | 中文字幕在线看视频一区二区三区 | 欧美一级片在线视频 | a天堂v|