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 相关文章推荐
建立良好体验度的Web注册系统ajax
Jul 09 Javascript
Javascript变量函数浅析
Sep 02 Javascript
js改变鼠标的形状和样式的方法
Mar 31 Javascript
基于jquery实现即时检查格式是否正确的表单
May 06 Javascript
Web Uploader文件上传插件使用详解
May 10 Javascript
JS制作适用于手机和电脑的通知信息效果
Oct 28 Javascript
JavaScript程序设计高级算法之动态规划实例分析
Nov 24 Javascript
vue-infinite-loading2.0 中文文档详解
Apr 08 Javascript
Element输入框带历史查询记录的实现示例
Jan 15 Javascript
VUE DEMO之模拟登录个人中心页面之间数据传值实例
Oct 31 Javascript
vue2路由基本用法实例分析
Mar 06 Javascript
解决vue 给window添加和移除resize事件遇到的坑
Jul 21 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
JoshChen_php新手进阶高手不可或缺的规范介绍
2013/08/16 PHP
JQuery异步加载无限下拉框级联功能实现示例
2014/02/19 Javascript
三种方式获取XMLHttpRequest对象
2014/04/21 Javascript
Javascript中arguments对象详解
2014/10/22 Javascript
javascript中Function类型详解
2015/04/28 Javascript
JavaScript动态改变div属性的实现方法
2015/07/22 Javascript
JavaScript运动减速效果实例分析
2015/08/04 Javascript
ES6中Math对象的部分扩展
2017/02/20 Javascript
用 js 的 selection range 操作选择区域内容和图片
2017/04/18 Javascript
jq.ajax+php+mysql实现关键字模糊查询(示例讲解)
2018/01/02 Javascript
JS常见DOM节点操作示例【创建 ,插入,删除,复制,查找】
2018/05/14 Javascript
JavaScript递归函数解“汉诺塔”算法代码解析
2018/07/05 Javascript
Vue路由模块化配置的完整步骤
2019/08/14 Javascript
vue element-ul实现展开和收起功能的实例代码
2020/11/25 Vue.js
js实现简单的倒计时
2021/01/28 Javascript
[01:12](回顾)DOTA2国际邀请赛,全世界DOTAer的盛宴
2014/07/01 DOTA
[01:14]DOTA2亚洲邀请赛小组赛赛前花絮
2017/03/27 DOTA
python开发之thread实现布朗运动的方法
2015/11/11 Python
Python模拟百度登录实例详解
2016/01/20 Python
pycharm运行scrapy过程图解
2019/11/22 Python
Python命名空间namespace及作用域原理解析
2020/06/05 Python
Python pymsql模块的使用
2020/09/07 Python
Python爬虫分析微博热搜关键词的实现代码
2021/02/22 Python
Html5 APP中监听返回事件处理的方法示例
2018/03/15 HTML / CSS
Ticketmaster德国票务网站:购买音乐会和体育等门票
2016/11/14 全球购物
DataReader和DataSet的异同
2014/12/31 面试题
医院护士的求职信
2014/01/03 职场文书
优秀毕业生自我鉴定
2014/02/11 职场文书
房地产项目建议书
2014/03/12 职场文书
继承公证书样本
2014/04/04 职场文书
二人合伙经营协议书
2014/09/13 职场文书
电子银行业务授权委托书
2014/10/10 职场文书
小学班主任事迹材料
2014/12/17 职场文书
锅炉工岗位职责
2015/02/13 职场文书
东京审判观后感
2015/06/01 职场文书
100句人生哲理语录集锦:强者征服今天,懒汉坐等明天
2019/10/18 职场文书