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 相关文章推荐
滚动经典最新话题[prototype框架]下编写
Oct 03 Javascript
javascript 不间断的图片滚动并可点击
Jan 15 Javascript
javascript自定义startWith()和endWith()的两种方法
Nov 11 Javascript
IE8下jQuery改变png图片透明度时出现的黑边
Aug 30 Javascript
jQuery自动完成插件completer附源码下载
Jan 04 Javascript
基于Bootstrap3表格插件和分页插件实例详解
May 17 Javascript
省市选择的简单实现(基于zepto.js)
Jun 21 Javascript
javascript动画系列之模拟滚动条
Dec 13 Javascript
JS仿JQuery选择器功能
Mar 08 Javascript
JavaScript正则表达式简单实用实例
Jun 23 Javascript
微信小程序实现自定义picker选择器弹窗内容
May 26 Javascript
javascript数据类型中的一些小知识点(推荐)
Apr 18 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输出控制函数和输出函数生成静态页面
2019/06/27 PHP
laravel清除视图缓存的代码
2019/10/23 PHP
javascript的字符串按引用复制和传递,按值来比较介绍与应用
2012/12/28 Javascript
js之onload事件的一点使用心得
2013/08/14 Javascript
Array 重排序方法和操作方法的简单实例
2014/01/24 Javascript
js数字转换为float,取N位小数
2014/02/08 Javascript
Node.js编码规范
2014/07/14 Javascript
JavaScript设计模式之观察者模式(发布者-订阅者模式)
2014/09/24 Javascript
jQuery实现点击后标记当前菜单位置(背景高亮菜单)效果
2015/08/22 Javascript
JQuery导航菜单选择特效
2016/04/11 Javascript
实现隔行换色效果的两种方式【实用】
2016/11/27 Javascript
vue 2.0封装model组件的方法
2017/08/03 Javascript
如何解决js函数防抖、节流出现的问题
2019/06/17 Javascript
vue多个元素的样式选择器问题
2019/11/29 Javascript
JS简单表单验证功能完整示例
2020/01/26 Javascript
跟老齐学Python之for循环语句
2014/10/02 Python
Python中使用haystack实现django全文检索搜索引擎功能
2017/08/26 Python
python+selenium实现京东自动登录及秒杀功能
2017/11/18 Python
python实现最长公共子序列
2018/05/22 Python
python面向对象法实现图书管理系统
2019/04/19 Python
Python3 执行Linux Bash命令的方法
2019/07/12 Python
如何定义TensorFlow输入节点
2020/01/23 Python
django执行数据库查询之后实现返回的结果集转json
2020/03/31 Python
在Windows上安装和配置 Jupyter Lab 作为桌面级应用程序教程
2020/04/22 Python
惊艳的手工时装首饰:Migonne Gavigan
2018/02/23 全球购物
黄色火烈鸟:De Gele Flamingo
2019/03/18 全球购物
P/Invoke是什么
2015/07/31 面试题
销售自我评价
2013/10/22 职场文书
应届生妇产科护士求职信
2013/10/27 职场文书
计算机相关的自我评价
2014/01/15 职场文书
个性与发展自我评价
2014/02/11 职场文书
党员教师四风自我剖析材料
2014/09/30 职场文书
优秀教育工作者事迹材料
2014/12/24 职场文书
企业财务人员岗位职责
2015/04/14 职场文书
新年寄语2016
2015/08/17 职场文书
Matlab如何实现矩阵复制扩充
2021/06/02 Python