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 选择文件夹对话框(web)
Jul 07 Javascript
发布一个基于javascript的动画类 Fx.js
Nov 05 Javascript
jQuery实现二级下拉菜单效果
Jan 05 Javascript
小心!AngularJS结合RequireJS做文件合并压缩的那些坑
Jan 09 Javascript
JavaScript html5 canvas绘制时钟效果
Mar 01 Javascript
BootStrap响应式导航条实例介绍
May 06 Javascript
AngularJS ng-repeat数组有重复值的解决方法
Oct 23 Javascript
jQuery基本筛选选择器实例代码
Feb 06 Javascript
详解vue2.0的Element UI的表格table列时间戳格式化
Jun 13 Javascript
JS操作字符串转数字的常见方法示例
Oct 29 Javascript
javascript设计模式 ? 建造者模式原理与应用实例分析
Apr 10 Javascript
JS前端监控采集用户行为的N种姿势
Jul 23 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将网址字符串转换成超链接(网址或email)
2010/05/25 PHP
php设计模式 Delegation(委托模式)
2011/06/26 PHP
基于PHPExcel的常用方法总结
2013/06/13 PHP
php设置session值和cookies的学习示例
2014/03/21 PHP
PHP aes (ecb)解密后乱码问题
2015/06/22 PHP
PHP结合jQuery插件ajaxFileUpload实现异步上传文件实例
2020/08/17 PHP
PHP判断是否是微信打开还是浏览器打开的方法
2019/02/27 PHP
jMessageBox 基于jQuery的窗口插件
2009/12/09 Javascript
JQuery中对服务器控件 DropdownList, RadioButtonList, CheckboxList的操作总结
2011/06/28 Javascript
jquery获取tr并更改tr内容示例代码
2014/02/13 Javascript
IE下支持文本框和密码框placeholder效果的JQuery插件分享
2015/01/31 Javascript
JavaScript中的getDay()方法使用详解
2015/06/09 Javascript
移除AngularJS下URL中的#字符的方法
2015/06/19 Javascript
jQuery实现删除li节点的方法
2016/12/06 Javascript
vue实现两个区域滚动条同步滚动
2020/12/13 Vue.js
详解vue之自行实现派发与广播(dispatch与broadcast)
2021/01/19 Vue.js
[59:59]EG vs IG 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
Python中的__SLOTS__属性使用示例
2015/02/18 Python
Python素数检测实例分析
2015/06/15 Python
Python删除空文件和空文件夹的方法
2015/07/14 Python
Python学习小技巧之列表项的拼接
2017/05/20 Python
Python基本socket通信控制操作示例
2019/01/30 Python
python 机器学习之支持向量机非线性回归SVR模型
2019/06/26 Python
Django视图扩展类知识点详解
2019/10/25 Python
pandas map(),apply(),applymap()区别解析
2021/02/24 Python
css背景图片的背景裁切、背景透明度、背景变换等效果运用
2012/12/24 HTML / CSS
Diptyque英国官方网站:源自法国的知名香氛品牌
2019/08/28 全球购物
微软巴西官方网站:Microsoft Brasil
2019/09/26 全球购物
美国婴儿服装购物网站:Gerber Childrenswear
2020/05/06 全球购物
五年级语文教学反思
2014/01/30 职场文书
销售员岗位职责范本
2014/02/03 职场文书
校园标语大全
2014/06/19 职场文书
金融专业求职信
2014/08/05 职场文书
《云雀的心愿》教学反思
2016/02/23 职场文书
彻底理解golang中什么是nil
2021/04/29 Golang
JS 4个超级实用的小技巧 提升开发效率
2021/10/05 Javascript