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实现弹出层效果实例
May 19 Javascript
Bootstrap每天必学之响应式导航、轮播图
Apr 25 Javascript
移动端jQuery修正Web页面滑动时div问题的两则实例
May 30 Javascript
Three.js学习之文字形状及自定义形状
Aug 01 Javascript
Require.JS中的几种define定义方式示例
Jun 01 Javascript
jQuery实现鼠标点击处心形漂浮的炫酷效果示例
Apr 12 jQuery
js中的数组对象排序分析
Dec 11 Javascript
微信小程序实现随机验证码功能
Dec 20 Javascript
layui数据表格 table.render 报错的解决方法
Sep 29 Javascript
Vue可自定义tab组件用法实例
Oct 24 Javascript
jQuery操作元素追加内容示例
Jan 10 jQuery
从零开始用webpack构建一个vue3.0项目工程的实现
Sep 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
Thinkphp模板标签if和eq的区别和比较实例分析
2015/07/01 PHP
PHP实现原生态图片上传封装类方法
2016/11/08 PHP
PHP7新特性之抽象语法树(AST)带来的变化详解
2018/07/17 PHP
PHP面向对象类型约束用法分析
2019/06/12 PHP
javascript实现仿银行密码输入框效果的代码
2007/12/13 Javascript
JQuery 遮罩层实现(mask)实现代码
2010/01/09 Javascript
jquery+json 通用三级联动下拉列表
2010/04/19 Javascript
JavaScript arguments 多参传值函数
2010/10/24 Javascript
EasyUI的treegrid组件动态加载数据问题的解决办法
2011/12/11 Javascript
异步动态加载JS并运行(示例代码)
2013/12/13 Javascript
浅析XMLHttpRequest的缓存问题
2013/12/13 Javascript
jquery组件使用中遇到的问题整理及解决
2014/02/21 Javascript
js遍历子节点子元素附属性及方法
2014/08/19 Javascript
Dojo Javascript 编程规范 规范自己的JavaScript书写
2014/10/26 Javascript
JavaScript导航脚本判断当前导航
2016/07/12 Javascript
VUE多层路由嵌套实现代码
2017/05/15 Javascript
js案例之鼠标跟随jquery版(实例讲解)
2017/07/21 jQuery
Electron-vue脚手架改造vue项目的方法
2018/10/22 Javascript
koa2 数据api中间件设计模型的实现方法
2020/07/13 Javascript
Python中的startswith和endswith函数使用实例
2014/08/25 Python
Python中的MongoDB基本操作:连接、查询实例
2015/02/13 Python
Python实现生成简单的Makefile文件代码示例
2015/03/10 Python
Python中使用OpenCV库来进行简单的气象学遥感影像计算
2016/02/19 Python
深入解析Python中的__builtins__内建对象
2016/06/21 Python
python+selenium实现京东自动登录及秒杀功能
2017/11/18 Python
python socket网络编程之粘包问题详解
2018/04/28 Python
Python 实现将某一列设置为str类型
2020/07/14 Python
一道写SQL的面试题和答案
2013/11/19 面试题
应届毕业生个人自荐信范文
2013/11/30 职场文书
商业活动邀请函
2014/02/04 职场文书
城市规划应届生推荐信
2014/09/08 职场文书
行政秘书工作自我鉴定
2014/09/15 职场文书
小学生运动会广播
2015/08/19 职场文书
趣味运动会口号
2015/12/24 职场文书
幼儿园科学课教学反思
2016/03/03 职场文书
Vue+TypeScript中处理computed方式
2022/04/02 Vue.js