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 相关文章推荐
jQuery的三种$()
Dec 30 Javascript
二叉树先序遍历的非递归算法具体实现
Jan 09 Javascript
JavaScript更改字符串的大小写
May 07 Javascript
浅谈JavaScript 的执行顺序
Aug 07 Javascript
使用ajaxfileupload.js实现上传文件功能
Aug 13 Javascript
Angular.Js之Scope作用域的学习教程
Apr 27 Javascript
详解基于Node.js的微信JS-SDK后端接口实现代码
Jul 15 Javascript
jQueryUI Sortable 应用Demo(分享)
Sep 07 jQuery
ES6中let 和 const 的新特性
Sep 03 Javascript
JS块级作用域和私有变量实例分析
May 11 Javascript
使用Vue-scroller页面input框不能触发滑动的问题及解决方法
Aug 08 Javascript
Vue实现简单的拖拽效果
Aug 25 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自动跳转中英文页面
2008/07/29 PHP
Yii中CGridView禁止列排序的设置方法
2016/07/12 PHP
php封装的验证码工具类完整实例
2016/10/19 PHP
详解PHP字符串替换str_replace()函数四种用法
2017/10/13 PHP
JS图片浏览组件PhotoLook的公开属性方法介绍和进阶实例代码
2010/11/09 Javascript
JQuery入门—编写一个简单的JQuery应用案例
2013/01/03 Javascript
jQuery获得IE版本不准确webbrowser的解决方法
2014/02/23 Javascript
JavaScript通过字典进行字符串翻译转换的方法
2015/03/19 Javascript
详解Javascript模板引擎mustache.js
2016/01/20 Javascript
jquery显示隐藏元素的实现代码
2016/05/19 Javascript
JSONP原理及简单实现
2016/06/08 Javascript
微信小程序 swiper组件轮播图详解及实例
2016/11/16 Javascript
js移动端图片压缩上传功能
2020/08/18 Javascript
对layui中表单元素的使用详解
2018/08/15 Javascript
Vue项目中使用better-scroll实现菜单映射功能方法
2019/09/11 Javascript
JavaScript之Blob对象类型的具体使用方法
2019/11/29 Javascript
[01:14:19]NAVI vs Mineski 2019国际邀请赛淘汰赛 败者组BO1 8.20.mp4
2020/07/19 DOTA
Python中的is和id用法分析
2015/01/26 Python
Python线程的两种编程方式
2015/04/14 Python
Python的collections模块中namedtuple结构使用示例
2016/07/07 Python
简单谈谈Python中的闭包
2016/11/30 Python
Flask实现图片的上传、下载及展示示例代码
2018/08/03 Python
Python图像处理库PIL中图像格式转换的实现
2020/02/26 Python
Java byte数组操纵方式代码实例解析
2020/07/22 Python
HTML+CSS3模拟心的跳动实例代码
2017/09/05 HTML / CSS
惠普美国官方商店:HP Official Store
2016/08/28 全球购物
美国高端寝具品牌:Coyuchi
2017/02/08 全球购物
某公司Java工程师面试题笔试题
2016/03/27 面试题
EJB的角色和三个对象
2015/12/31 面试题
大学学年自我鉴定
2013/10/28 职场文书
制衣厂各岗位职责
2013/12/02 职场文书
数控专业个人求职信范文
2014/02/05 职场文书
企业办公室岗位职责
2014/03/12 职场文书
老师对学生的寄语
2014/04/09 职场文书
法律意见书范本
2015/06/04 职场文书
spring项目中切面及AOP的使用方法
2021/06/26 Java/Android