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 相关文章推荐
js检验密码强度(低中高)附图
Jun 05 Javascript
使用百度地图api实现根据地址查询经纬度
Dec 11 Javascript
js下拉选择框与输入框联动实现添加选中值到输入框的方法
Aug 17 Javascript
JQuery 两种方法解决刚创建的元素遍历不到的问题
Apr 13 Javascript
基于JS判断iframe是否加载成功的方法(多种浏览器)
May 13 Javascript
基于jquery插件编写countdown计时器
Jun 12 Javascript
CSS3 media queries结合jQuery实现响应式导航
Sep 30 Javascript
js 实现获取name 相同的页面元素并循环遍历的方法
Feb 14 Javascript
JS实现多级菜单中当前菜单不随页面跳转样式而发生变化
May 30 Javascript
React Native 集成jpush-react-native的示例代码
Aug 16 Javascript
vue图片上传本地预览组件使用详解
Feb 20 Javascript
JavaScript实现图片伪异步上传过程解析
Apr 10 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
十大催泪虐心动漫电影,有几部你还没看
2020/03/04 日漫
PHP中几个常用的魔术常量
2012/02/23 PHP
PHP 在5.1.* 和5.2.*之间 PDO数据库操作中的不同之处小结
2012/03/07 PHP
学习php分页代码实例
2013/10/24 PHP
PHP生成图表pChart的示例解析
2020/07/31 PHP
用jscript实现列出安装的软件列表
2007/06/18 Javascript
jquery对单选框,多选框,文本框等常见操作小结
2014/01/08 Javascript
jquery引用方法时传递参数原理分析
2014/10/13 Javascript
Jquery 垂直多级手风琴菜单附源码下载
2015/11/17 Javascript
Javascript实现图片轮播效果(二)图片序列节点的控制实现
2016/02/17 Javascript
JS脚本实现动态给标签控件添加事件的方法
2016/06/02 Javascript
轻松实现jquery选项卡切换效果
2016/10/10 Javascript
详解springmvc 接收json对象的两种方式
2016/12/06 Javascript
基于Javascript实现的不重复ID的生成器
2016/12/25 Javascript
BootStrap 弹出层代码
2017/02/09 Javascript
vue中如何实现变量和字符串拼接
2017/06/19 Javascript
vue中element 上传功能的实现思路
2018/07/06 Javascript
webpack的CSS加载器的使用
2018/09/11 Javascript
又拍云 Node.js 实现文件上传、删除功能
2018/10/28 Javascript
vue计算属性computed、事件、监听器watch的使用讲解
2019/01/21 Javascript
一篇文章弄懂javascript中的执行栈与执行上下文
2019/08/09 Javascript
vue实现抽屉弹窗效果
2020/11/15 Javascript
解决Python print输出不换行没空格的问题
2018/11/14 Python
SELENIUM自动化模拟键盘快捷键操作实现解析
2019/10/28 Python
Python中文分词库jieba,pkusegwg性能准确度比较
2020/02/11 Python
PyQt5+Pycharm安装和配置图文教程详解
2020/03/24 Python
Python unittest如何生成HTMLTestRunner模块
2020/09/08 Python
python 实现倒计时功能(gui界面)
2020/11/11 Python
波兰香水和化妆品购物网站:Notino.pl
2017/11/07 全球购物
Made in Design英国:设计家具、照明、家庭装饰和花园家具
2019/09/24 全球购物
原料仓管员岗位职责
2014/04/12 职场文书
小学标准化建设汇报材料
2014/08/16 职场文书
2014年食堂工作总结
2014/11/20 职场文书
雾霾停课通知
2015/04/24 职场文书
Python+Selenium自动化环境搭建与操作基础详解
2022/03/13 Python
聊聊CSS粘性定位sticky案例解析
2022/06/01 HTML / CSS