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获取所有checkbox值的简单实例。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-05-05
这篇文章主要介绍了JS之判断是否为对象或数组的几种方式总结，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-04-04
作为前端开发，做好用户体验是很重要的，日常开发中我们经常可以遇到用户网速慢导致静态资源加载慢，从而给影响用户体验，所以本文来和大家分享一个有趣的API，可以实现获取网络信息2023-05-05
这篇文章主要介绍了JS 屏蔽键盘不可用与鼠标右键不可用的方法，有需要的朋友可以参考一下2013-11-11
所谓的文本框倒叙输入是指输入框的焦点始终在最开始的位置，下面是具体的实现，感兴趣的朋友可以学习下2014-09-09
这篇文章主要介绍了JavaScript事件循环及宏任务微任务原理解析,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-09-09
最近做项目，有需求实现一个字符逐个出现，类似于打字机效果，于是上网搜了相关资料，接下来，小编就给大家详细介绍基于Css3和JQuery实现打字机效果，需要的朋友可以参考下2015-08-08
这篇文章主要介绍了常用的JavaScript WEB操作方法分享,包含数组方法集、cookie方法集、url方法集、正则表达式方法集、字符串方法集、加密方法集、日期方法集等常用操作方法,需要的朋友可以参考下2015-02-02
这篇文章主要介绍了javascript系统时间设置操作,涉及javascript时间运算与判断相关操作技巧,需要的朋友可以参考下2019-06-06
这篇文章主要为大家介绍了你不知道的Git log竟然还有这种用法详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-05-05
最新评论