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 相关文章推荐
JQuery 实现的页面滚动时浮动窗口控件
Jul 10 Javascript
JavaScript 设计模式之组合模式解析
Apr 09 Javascript
解析javascript 数组以及json元素的添加删除
Jun 26 Javascript
页面刷新时记住滚动条的位置jquery代码
Jun 17 Javascript
javascript实现获取cookie过期时间的变通方法
Aug 14 Javascript
仅一个form表单 js实现注册信息依次填写提交功能
Jun 12 Javascript
AngularJS动态绑定HTML的方法分析
Nov 07 Javascript
使用AngularJS2中的指令实现按钮的切换效果
Mar 27 Javascript
详解vue-router导航守卫
Jan 19 Javascript
小程序server请求微信服务器超时的解决方法
May 21 Javascript
微信小程序实现页面分享onShareAppMessage
Aug 12 Javascript
vue组件vue-esign实现电子签名
Apr 21 Vue.js
基于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获取url的函数代码
2011/08/02 PHP
PHP扩展开发入门教程
2015/02/26 PHP
php将日期格式转换成xx天前的格式
2015/04/16 PHP
php session的应用详细介绍
2017/03/22 PHP
php中字符串和整数比较的操作方法
2019/06/06 PHP
IE中radio 或checkbox的checked属性初始状态下不能选中显示问题
2009/07/25 Javascript
jquery $(document).ready() 与window.onload的区别
2009/12/28 Javascript
设置iframe的document.designMode后仅Firefox中其body.innerHTML为br
2012/02/27 Javascript
replace()方法查找字符使用示例
2013/10/28 Javascript
JavaScript中的Math 使用介绍
2014/04/21 Javascript
使用jQuery重置(reset)表单的方法
2014/05/05 Javascript
js和jquery分别验证单选框、复选框、下拉框
2015/12/17 Javascript
AngularJS 整理一些优化的小技巧
2016/08/18 Javascript
jQuery实现输入框邮箱内容自动补全与上下翻动显示效果【附demo源码下载】
2016/09/20 Javascript
vue绑定设置属性的多种方式(5)
2017/08/16 Javascript
微信小程序模拟cookie的实现
2018/06/20 Javascript
javascript将非数值转换为数值
2018/09/13 Javascript
谈谈JavaScript中super(props)的重要性
2019/02/12 Javascript
Vue 数据响应式相关总结
2021/01/28 Vue.js
[02:17]《辉夜杯》TRG战队巡礼
2015/10/26 DOTA
python压缩文件夹内所有文件为zip文件的方法
2015/06/20 Python
python多进程中的内存复制(实例讲解)
2018/01/05 Python
对python插入数据库和生成插入sql的示例讲解
2018/11/14 Python
Python 使用 attrs 和 cattrs 实现面向对象编程的实践
2019/06/12 Python
Pandas DataFrame数据的更改、插入新增的列和行的方法
2019/06/25 Python
css图标制作教程制作云图标
2014/01/19 HTML / CSS
css3实现顶部社会化分享按钮示例
2014/05/06 HTML / CSS
植物选择:Botanic Choice
2017/02/15 全球购物
十八届三中全会报告学习材料
2014/02/17 职场文书
小学生中国梦演讲稿
2014/04/23 职场文书
中国梦团日活动总结
2014/07/07 职场文书
2014年人民警察入党思想汇报
2014/10/12 职场文书
机关作风建设整改方案
2014/10/27 职场文书
2015圣诞节贺卡寄语
2015/03/24 职场文书
教师节班会开场白
2015/06/01 职场文书
5种方法告诉你如何使JavaScript 代码库更干净
2021/09/15 Javascript