JavaScript静态的动态
更新时间：2006年09月18日 00:00:00 作者：
这段时间因为要做个网站，而空间又不支持ASP，所以又拿起JavaScript教程看了下，看能不能在静态的空间里实现动态，当然，这个动态不是真正意义上的了，可以说只是一个“伪动态”了：）
最基本的动态页面的功能，莫过于news.asp?id=1这样的形式了，于是我就拿这个目标开工，弄了一会还真有些成效～基本构思是：从浏览器的地址栏获取当前文件的地址，然后从其中提取id，最后用内嵌框架来显示相关内容。以下是基本的代码
<script>
var str,len,pos,id,fn; // 定义一些变量
str=top.window.location.href; //获取当然文件地址
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>" // 在内嵌框架里显示相关内容
document.write(fn); // 输出
}
else
{
document.writeln("错误的参数！"); // 不存在ID
}
</script>
这样,就可以把新闻做成页面放在news目录,然后在外部调用news.htm?id=1就可以来查看相关的新闻了~~当然这里的代码并不成熟,比如没有判断ID是否为数字等,这等以后去慢慢完善了:)
最基本的动态页面的功能，莫过于news.asp?id=1这样的形式了，于是我就拿这个目标开工，弄了一会还真有些成效～基本构思是：从浏览器的地址栏获取当前文件的地址，然后从其中提取id，最后用内嵌框架来显示相关内容。以下是基本的代码
复制代码 代码如下:
<script>
var str,len,pos,id,fn; // 定义一些变量
str=top.window.location.href; //获取当然文件地址
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>" // 在内嵌框架里显示相关内容
document.write(fn); // 输出
}
else
{
document.writeln("错误的参数！"); // 不存在ID
}
</script>
这样,就可以把新闻做成页面放在news目录,然后在外部调用news.htm?id=1就可以来查看相关的新闻了~~当然这里的代码并不成熟,比如没有判断ID是否为数字等,这等以后去慢慢完善了:)
相关文章
下面小编就为大家带来一篇js 模仿锚点定位的实现方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-11-11
一个可以得到元素真实的背景颜色的javascript脚本...2007-07-07
这篇文章主要为大家详细介绍了JavaScript实现简单图片切换，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-04-04
今天看一个朋友说不在A标题中加打开窗口形式要怎么让页面中所有页面在新页面打开，后来我找了几种比较实用办法，个人最喜欢的是最后一种方法哦2013-08-08
本篇文章主要是对JS将数字转换成三位逗号分隔的样式(示例代码)进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-02-02
这篇文章主要介绍了js字符串倒序的实例代码,代码分为3部分，给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下2018-11-11
点小图看大图的效果想必很多的朋友都有见到过吧，下面有个不错的示例，感兴趣的朋友可以参考下2013-10-10
Three.js是一个JavaScript库,用于在Web浏览器中创建3D Web图形,下面这篇文章主要给大家介绍了关于three.js安装和使用的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下2023-11-11
大家应该都知道基本图表一共有六种，分别是柱状图、折线图、散点图、气泡图、饼图和雷达图。前面五种图形都已经介绍过如何实现了，今天我们一起来看看最后的雷达图。有需要的朋友们可以参考学习下。2016-09-09
这篇文章主要介绍了JS如何生成一个不重复的ID的函数，非常不错，具有参考借鉴价值，需要的朋友参考下2016-12-12
最新评论