JavaScript静态的动态


Posted in Javascript onSeptember 18, 2006

这段时间因为要做个网站,而空间又不支持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是否为数字等,这等以后去慢慢完善了:)
Javascript 相关文章推荐
在html页面中包含共享页面的方法
Oct 24 Javascript
JavaScript中常见陷阱小结
Apr 27 Javascript
TinyMCE提交AjaxForm获取不到数据的解决方法
Mar 05 Javascript
用JavaScript显示浏览器客户端信息的超相近教程
Jun 18 Javascript
Javascript中replace()小结
Sep 30 Javascript
jquery中ajax跨域方法实例分析
Dec 18 Javascript
PassWord输入框代码分享
Jun 07 Javascript
JavaScript提高加载和执行效率的方法
Feb 03 Javascript
js实现时间轴自动排列效果
Mar 09 Javascript
Node.js 的模块知识汇总
Aug 16 Javascript
微信小程序网络层封装的实现(promise, 登录锁)
May 08 Javascript
JavaScript点击按钮生成4位随机验证码
Jan 28 Javascript
基于Web标准的UI组件 — 树状菜单(2)
Sep 18 #Javascript
JavaScript中的私有成员
Sep 18 #Javascript
javascript的事件描述
Sep 08 #Javascript
由浅到深了解JavaScript类
Sep 08 #Javascript
js常用函数 不错
Sep 08 #Javascript
Javascript 不能释放内存.
Sep 07 #Javascript
一些有关检查数据的JS代码
Sep 07 #Javascript
You might like
php实现数组中索引关联数据转换成json对象的方法
2015/07/08 PHP
php+javascript实现的动态显示服务器运行程序进度条功能示例
2017/08/07 PHP
PDO::_construct讲解
2019/01/27 PHP
PHP操作XML中XPath的应用示例
2019/07/04 PHP
PHP实用小技巧之调用录像的方法
2019/12/05 PHP
CSS心形加载的动画源码的实现
2021/03/09 HTML / CSS
非常漂亮的JS代码经典广告
2007/10/21 Javascript
jQuery创建自己的插件(自定义插件)的方法
2010/06/10 Javascript
js模仿html5 placeholder适应于不支持的浏览器
2013/01/13 Javascript
javascript基本类型详解
2014/11/28 Javascript
node.js中的http.get方法使用说明
2014/12/14 Javascript
JavaScript静态类型检查工具FLOW简介
2015/01/06 Javascript
JavaScript中消除闭包的一般方法介绍
2015/03/16 Javascript
jQuery+AJAX实现无刷新下拉加载更多
2015/07/03 Javascript
JavaScript 数组中最大最小值
2016/06/05 Javascript
Vue动态路由缓存不相互影响的解决办法
2019/02/19 Javascript
webpack项目使用eslint建立代码规范实现
2019/05/16 Javascript
新手如何快速理解js异步编程
2019/06/24 Javascript
nodejs开发一个最简单的web服务器实例讲解
2020/01/02 NodeJs
python getopt 参数处理小示例
2009/06/09 Python
python采用requests库模拟登录和抓取数据的简单示例
2014/07/05 Python
python中的闭包用法实例详解
2015/05/05 Python
对python程序内存泄漏调试的记录
2018/06/11 Python
pygame实现俄罗斯方块游戏
2018/06/26 Python
Python反爬虫技术之防止IP地址被封杀的讲解
2019/01/09 Python
Python判断有效的数独算法示例
2019/02/23 Python
把JSON数据格式转换为Python的类对象方法详解(两种方法)
2019/06/04 Python
python进程的状态、创建及使用方法详解
2019/12/06 Python
浅谈pytorch中torch.max和F.softmax函数的维度解释
2020/06/28 Python
探索HTML5本地存储功能运用技巧
2016/03/02 HTML / CSS
phonegap常用事件总结(必看篇)
2017/03/31 HTML / CSS
eBay德国站:eBay.de
2017/09/14 全球购物
美国牛仔品牌:True Religion
2018/11/16 全球购物
兵马俑的导游词
2015/02/02 职场文书
普通员工辞职信范文
2015/05/12 职场文书
pandas 实现将NaN转换为None
2021/05/14 Python