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 相关文章推荐
javascript removeChild 使用注意事项
Apr 11 Javascript
window.onload 加载完毕的问题及解决方案(上)
Jul 09 Javascript
javascript 当前日期加(天、周、月、年)
Aug 09 Javascript
jquery基础教程之deferred对象使用方法
Jan 22 Javascript
jQuery的cookie插件实现保存用户登陆信息
Apr 15 Javascript
Jquery和BigFileUpload实现大文件上传及进度条显示
Jun 27 Javascript
node前端模板引擎Jade之标签的基本写法
May 11 Javascript
基于vue实现可搜索下拉框定制组件
Mar 26 Javascript
微信小程序开发实现的IP地址查询功能示例
Mar 28 Javascript
使用jQuery实现掷骰子游戏
Oct 24 jQuery
vue-router路由懒加载及实现的3种方式
Feb 28 Vue.js
JavaScript圣杯布局与双飞翼布局实现案例详解
Aug 05 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调用.NET的WebService 简单实例
2015/03/27 PHP
php设计模式之单例模式代码
2016/06/11 PHP
Yii2框架制作RESTful风格的API快速入门教程
2016/11/08 PHP
总结PHP内存释放以及垃圾回收
2018/03/29 PHP
国外的为初学者写的JavaScript教程
2008/06/09 Javascript
jquery、js调用iframe父窗口与子窗口元素的方法整理
2014/07/31 Javascript
js操作css属性实现div层展开关闭效果的方法
2015/05/11 Javascript
浅谈JS继承_借用构造函数 &amp; 组合式继承
2016/08/16 Javascript
angularjs+bootstrap菜单的使用示例代码
2017/03/07 Javascript
Nodejs进阶之服务端字符编解码和乱码处理
2017/09/04 NodeJs
使用proxy实现一个更优雅的vue【推荐】
2018/06/19 Javascript
详解如何在微信小程序中愉快地使用sass
2018/07/30 Javascript
JS二级菜单不同实现方法分析【4种方法】
2018/12/21 Javascript
轻松学习JavaScript函数中的 Rest 参数
2019/05/30 Javascript
详解Python核心对象类型字符串
2018/02/11 Python
python flask解析json数据不完整的解决方法
2019/05/26 Python
python 获取当前目录下的文件目录和文件名实例代码详解
2020/03/10 Python
Python数据结构dict常用操作代码实例
2020/03/12 Python
Windows下Pycharm远程连接虚拟机中Centos下的Python环境(图文教程详解)
2020/03/19 Python
python使用pymongo与MongoDB基本交互操作示例
2020/04/09 Python
Python 中Operator模块的使用
2021/01/30 Python
Html5踩坑记之mandMobile使用小记
2020/04/02 HTML / CSS
博朗(Braun)俄罗斯官方商店:德国小家电品牌
2019/09/24 全球购物
远东集团网络工程师面试题
2014/10/20 面试题
资产评估专业学生的自我鉴定
2013/11/14 职场文书
国际贸易个人求职信范文
2014/01/04 职场文书
暑期实践思想汇报
2014/01/06 职场文书
环保倡议书300字
2014/05/15 职场文书
暑期社会实践先进个人主要事迹
2014/05/22 职场文书
关于感恩的演讲稿500字
2014/08/26 职场文书
男方婚前保证书
2015/02/28 职场文书
2015年财务人员工作总结
2015/04/10 职场文书
Golang: 内建容器的用法
2021/05/05 Golang
使用这 6个Vue加载动画库来减少我们网站的跳出率
2021/05/18 Vue.js
Vue和Flask通信的实现
2021/05/19 Vue.js
攻略丨滑雪究竟该选哪款对讲机?
2022/02/18 无线电