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操作xml
Nov 04 Javascript
JS、jquery实现几分钟前、几小时前、几天前等时间差显示效果的代码实例分享
Apr 11 Javascript
JavaScript编程中容易出BUG的几点小知识
Jan 31 Javascript
JS实现的数组全排列输出算法
Mar 19 Javascript
浅谈Javascript数组索引
Jul 29 Javascript
jQuery常用的一些技巧汇总
Mar 26 Javascript
Angular Module声明和获取重载实例代码
Sep 14 Javascript
jQuery实现html table行Tr的复制、删除、计算功能
Jul 10 jQuery
vue.js移动数组位置,同时更新视图的方法
Mar 08 Javascript
JavaScript的数据类型转换原则(干货)
Mar 15 Javascript
Javascript读取上传文件内容/类型/字节数
Apr 30 Javascript
JS创建或填充任意长度数组的小技巧汇总
Oct 24 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使用GIFEncoder类生成的GIF动态图片验证码
2014/07/01 PHP
php使用cookie保存用户登录的用户名实例
2015/01/26 PHP
解决yii2左侧菜单子级无法高亮问题的方法
2016/05/08 PHP
PHP实现简单ajax Loading加载功能示例
2016/12/28 PHP
javascript之dhDataGrid Ver2.0.0代码
2007/07/01 Javascript
JavaScript加密解密7种方法总结分析
2007/10/07 Javascript
javascript优先加载笔记代码
2008/09/30 Javascript
JavaScript 全面解析各种浏览器网页中的JS 执行顺序
2009/02/17 Javascript
javascript web对话框与弹出窗口
2009/02/22 Javascript
JS清除IE浏览器缓存的方法
2013/07/26 Javascript
Js中获取frames中的元素示例代码
2013/07/30 Javascript
jQuery实现复选框全选/取消全选/反选及获得选择的值
2014/06/12 Javascript
node.js中的fs.fsyncSync方法使用说明
2014/12/15 Javascript
nodejs取得当前执行路径的方法
2018/05/13 NodeJs
JS箭头函数和常规函数之间的区别实例分析【 5 个区别】
2020/05/27 Javascript
JavaScript字符和ASCII实现互相转换
2020/06/03 Javascript
JavaScript如何操作css
2020/10/24 Javascript
微信小程序实现列表左右滑动
2020/11/19 Javascript
python的几种开发工具介绍
2007/03/07 Python
浅谈python for循环的巧妙运用(迭代、列表生成式)
2017/09/26 Python
python3实现爬取淘宝美食代码分享
2018/09/23 Python
对python中xlsx,csv以及json文件的相互转化方法详解
2018/12/25 Python
用Python识别人脸,人种等各种信息
2019/07/15 Python
TensorFlow2.1.0安装过程中setuptools、wrapt等相关错误指南
2020/04/08 Python
关于Kotlin中SAM转换的那些事
2020/09/15 Python
神经网络训练采用gpu设置的方式
2021/03/03 Python
html5 http的轮询和Websocket原理
2018/10/19 HTML / CSS
拉斯维加斯城市观光通行证:Las Vegas Pass
2019/05/21 全球购物
医院学雷锋活动策划方案
2014/02/15 职场文书
关于环保的建议书400字
2014/03/12 职场文书
致百米运动员广播稿5篇
2014/10/13 职场文书
党员批评与自我批评总结
2014/10/15 职场文书
骨干教师事迹材料
2014/12/17 职场文书
三好学生事迹材料
2014/12/24 职场文书
酒店工程部的岗位职责汇总大全
2019/10/23 职场文书
Html5大屏数据可视化开发的实现
2021/06/11 HTML / CSS