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)不是真正意義上的了，可以說(shuō)只是一個(gè)“偽動(dòng)態(tài)”了：）
最基本的動(dòng)態(tài)頁(yè)面的功能，莫過(guò)于news.asp?id=1這樣的形式了，于是我就拿這個(gè)目標(biāo)開(kāi)工，弄了一會(huì)還真有些成效～基本構(gòu)思是：從瀏覽器的地址欄獲取當(dāng)前文件的地址，然后從其中提取id，最后用內(nèi)嵌框架來(lá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就可以來(lái)查看相關(guān)的新聞了~~當(dāng)然這里的代碼并不成熟,比如沒(méi)有判斷ID是否為數(shù)字等,這等以后去慢慢完善了:)
最基本的動(dòng)態(tài)頁(yè)面的功能，莫過(guò)于news.asp?id=1這樣的形式了，于是我就拿這個(gè)目標(biāo)開(kāi)工，弄了一會(huì)還真有些成效～基本構(gòu)思是：從瀏覽器的地址欄獲取當(dāng)前文件的地址，然后從其中提取id，最后用內(nèi)嵌框架來(lá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就可以來(lái)查看相關(guān)的新聞了~~當(dāng)然這里的代碼并不成熟,比如沒(méi)有判斷ID是否為數(shù)字等,這等以后去慢慢完善了:)
相關(guān)文章
js 模仿錨點(diǎn)定位的實(shí)現(xiàn)方法
下面小編就為大家?guī)?lái)一篇js 模仿錨點(diǎn)定位的實(shí)現(xiàn)方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-11-11
一個(gè)可以得到元素真實(shí)的背景顏色的javascript腳本
一個(gè)可以得到元素真實(shí)的背景顏色的javascript腳本...2007-07-07
JavaScript實(shí)現(xiàn)簡(jiǎn)單圖片切換
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)簡(jiǎn)單圖片切換，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-04-04
Javascript控制頁(yè)面鏈接在新窗口打開(kāi)具體方法
今天看一個(gè)朋友說(shuō)不在A標(biāo)題中加打開(kāi)窗口形式要怎么讓頁(yè)面中所有頁(yè)面在新頁(yè)面打開(kāi)，后來(lái)我找了幾種比較實(shí)用辦法，個(gè)人最喜歡的是最后一種方法哦2013-08-08
JS將數(shù)字轉(zhuǎn)換成三位逗號(hào)分隔的樣式(示例代碼)
本篇文章主要是對(duì)JS將數(shù)字轉(zhuǎn)換成三位逗號(hào)分隔的樣式(示例代碼)進(jìn)行了介紹，需要的朋友可以過(guò)來(lái)參考下，希望對(duì)大家有所幫助2014-02-02
這篇文章主要介紹了js字符串倒序的實(shí)例代碼,代碼分為3部分，給大家介紹的非常詳細(xì)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2018-11-11
js實(shí)現(xiàn)點(diǎn)小圖看大圖效果的思路及示例代碼
點(diǎn)小圖看大圖的效果想必很多的朋友都有見(jiàn)到過(guò)吧，下面有個(gè)不錯(cuò)的示例，感興趣的朋友可以參考下2013-10-10
Three.js是一個(gè)JavaScript庫(kù),用于在Web瀏覽器中創(chuàng)建3D Web圖形,下面這篇文章主要給大家介紹了關(guān)于three.js安裝和使用的相關(guān)資料,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-11-11
D3.js實(shí)現(xiàn)雷達(dá)圖的方法詳解
大家應(yīng)該都知道基本圖表一共有六種，分別是柱狀圖、折線圖、散點(diǎn)圖、氣泡圖、餅圖和雷達(dá)圖。前面五種圖形都已經(jīng)介紹過(guò)如何實(shí)現(xiàn)了，今天我們一起來(lái)看看最后的雷達(dá)圖。有需要的朋友們可以參考學(xué)習(xí)下。2016-09-09
JS如何生成一個(gè)不重復(fù)的ID的函數(shù)
這篇文章主要介紹了JS如何生成一個(gè)不重復(fù)的ID的函數(shù)，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友參考下2016-12-12