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