JavaScript靜態(tài)的動態(tài)
更新時間：2006年09月18日 00:00:00 作者：
這段時間因為要做個網(wǎng)站，而空間又不支持ASP，所以又拿起JavaScript教程看了下，看能不能在靜態(tài)的空間里實現(xiàn)動態(tài)，當(dāng)然，這個動態(tài)不是真正意義上的了，可以說只是一個“偽動態(tài)”了：）
最基本的動態(tài)頁面的功能，莫過于news.asp?id=1這樣的形式了，于是我就拿這個目標(biāo)開工，弄了一會還真有些成效～基本構(gòu)思是：從瀏覽器的地址欄獲取當(dāng)前文件的地址，然后從其中提取id，最后用內(nèi)嵌框架來顯示相關(guān)內(nèi)容。以下是基本的代碼
<script>
var str,len,pos,id,fn; // 定義一些變量
str=top.window.location.href; //獲取當(dāng)然文件地址
len=str.length; // 得到地址長度
pos=str.indexOf("?id=",0); // 得到"?id="的起始地址
if(pos>0) // 判斷是否存在"?id="
{
id=str.substring(pos+4,len); // 獲取ID
fn="<iframe src='news/" + id + ".htm'></iframe>" // 在內(nèi)嵌框架里顯示相關(guān)內(nèi)容
document.write(fn); // 輸出
}
else
{
document.writeln("錯誤的參數(shù)！"); // 不存在ID
}
</script>
這樣,就可以把新聞做成頁面放在news目錄,然后在外部調(diào)用news.htm?id=1就可以來查看相關(guān)的新聞了~~當(dāng)然這里的代碼并不成熟,比如沒有判斷ID是否為數(shù)字等,這等以后去慢慢完善了:)
最基本的動態(tài)頁面的功能，莫過于news.asp?id=1這樣的形式了，于是我就拿這個目標(biāo)開工，弄了一會還真有些成效～基本構(gòu)思是：從瀏覽器的地址欄獲取當(dāng)前文件的地址，然后從其中提取id，最后用內(nèi)嵌框架來顯示相關(guān)內(nèi)容。以下是基本的代碼
復(fù)制代碼 代碼如下:
<script>
var str,len,pos,id,fn; // 定義一些變量
str=top.window.location.href; //獲取當(dāng)然文件地址
len=str.length; // 得到地址長度
pos=str.indexOf("?id=",0); // 得到"?id="的起始地址
if(pos>0) // 判斷是否存在"?id="
{
id=str.substring(pos+4,len); // 獲取ID
fn="<iframe src='news/" + id + ".htm'></iframe>" // 在內(nèi)嵌框架里顯示相關(guān)內(nèi)容
document.write(fn); // 輸出
}
else
{
document.writeln("錯誤的參數(shù)！"); // 不存在ID
}
</script>
這樣,就可以把新聞做成頁面放在news目錄,然后在外部調(diào)用news.htm?id=1就可以來查看相關(guān)的新聞了~~當(dāng)然這里的代碼并不成熟,比如沒有判斷ID是否為數(shù)字等,這等以后去慢慢完善了:)
相關(guān)文章
下面小編就為大家?guī)硪黄猨s獲取所有checkbox值的簡單實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-05
JS之判斷是否為對象或數(shù)組的幾種方式總結(jié)
這篇文章主要介紹了JS之判斷是否為對象或數(shù)組的幾種方式總結(jié)，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-04-04
JavaScript實現(xiàn)獲取設(shè)備網(wǎng)絡(luò)連接信息
作為前端開發(fā)，做好用戶體驗是很重要的，日常開發(fā)中我們經(jīng)?？梢杂龅接脩艟W(wǎng)速慢導(dǎo)致靜態(tài)資源加載慢，從而給影響用戶體驗，所以本文來和大家分享一個有趣的API，可以實現(xiàn)獲取網(wǎng)絡(luò)信息2023-05-05
這篇文章主要介紹了JS 屏蔽鍵盤不可用與鼠標(biāo)右鍵不可用的方法，有需要的朋友可以參考一下2013-11-11
所謂的文本框倒敘輸入是指輸入框的焦點始終在最開始的位置，下面是具體的實現(xiàn)，感興趣的朋友可以學(xué)習(xí)下2014-09-09
JavaScript事件循環(huán)及宏任務(wù)微任務(wù)原理解析
這篇文章主要介紹了JavaScript事件循環(huán)及宏任務(wù)微任務(wù)原理解析,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下2020-09-09
最近做項目，有需求實現(xiàn)一個字符逐個出現(xiàn)，類似于打字機效果，于是上網(wǎng)搜了相關(guān)資料，接下來，小編就給大家詳細(xì)介紹基于Css3和JQuery實現(xiàn)打字機效果，需要的朋友可以參考下2015-08-08
這篇文章主要介紹了常用的JavaScript WEB操作方法分享,包含數(shù)組方法集、cookie方法集、url方法集、正則表達式方法集、字符串方法集、加密方法集、日期方法集等常用操作方法,需要的朋友可以參考下2015-02-02
javascript系統(tǒng)時間設(shè)置操作示例
這篇文章主要介紹了javascript系統(tǒng)時間設(shè)置操作,涉及javascript時間運算與判斷相關(guān)操作技巧,需要的朋友可以參考下2019-06-06
這篇文章主要為大家介紹了你不知道的Git?log竟然還有這種用法詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-05-05