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 相关文章推荐
[Web]防止用户复制页面内容和另存页面的方法
Feb 06 Javascript
javascript HTMLEncode HTMLDecode的完整实例(兼容ie和火狐)
Jun 02 Javascript
将string解析为json的几种方式小结
Nov 11 Javascript
jQuery旋转插件—rotate支持(ie/Firefox/SafariOpera/Chrome)
Jan 16 Javascript
js创建对象几种方式的优缺点对比
Sep 28 Javascript
使用vue框架 Ajax获取数据列表并用BootStrap显示出来
Apr 24 Javascript
vue登录注册及token验证实现代码
Dec 14 Javascript
老生常谈JavaScript获取CSS样式的方法(兼容各浏览器)
Sep 19 Javascript
vue打包相关细节整理(小结)
Sep 28 Javascript
小程序红包雨的实现示例
Feb 19 Javascript
Vue使用Canvas绘制图片、矩形、线条、文字,下载图片
Apr 26 Javascript
详解Node.js使用token进行认证的简单示例
May 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数组函数序列之array_values() 获取数组元素值的函数与方法
2011/10/30 PHP
php中的路径问题与set_include_path使用介绍
2014/02/11 PHP
IIS6.0 开启Gzip方法及PHP Gzip函数分享
2014/06/08 PHP
PHP把JPEG图片转换成Progressive JPEG的方法
2014/06/30 PHP
php准确计算复活节日期的方法
2015/04/18 PHP
html读出文本文件内容
2007/01/22 Javascript
jQuery EasyUI API 中文文档 DateTimeBox日期时间框
2011/10/16 Javascript
jquery实现图片左右间隔滚动特效(可自动播放)
2013/05/08 Javascript
Jquery动态改变图片IMG的src地址示例
2013/06/25 Javascript
js控制frameSet示例
2013/09/10 Javascript
jquery+ajax+C#实现无刷新操作数据库数据的简单实例
2014/02/08 Javascript
JavaScript如何实现组合列表框中元素移动效果
2016/03/01 Javascript
详解jQuery中的DOM操作
2016/12/23 Javascript
Vue动态组件实例解析
2017/08/20 Javascript
vue-resouce设置请求头的三种方法
2017/09/12 Javascript
Vue多系统切换实现方案
2018/06/05 Javascript
layui的表单提交以及验证和修改弹框的实例
2019/09/09 Javascript
微信小程序后端实现授权登录
2020/02/24 Javascript
vue学习笔记之Vue中css动画原理简单示例
2020/02/29 Javascript
javascript实现移动端上传图片功能
2020/08/18 Javascript
基于vue实现微博三方登录流程解析
2020/11/04 Javascript
Python标准库之collections包的使用教程
2017/04/27 Python
利用selenium 3.7和python3添加cookie模拟登陆的实现
2017/11/20 Python
Python之pandas读写文件乱码的解决方法
2018/04/20 Python
对Python中type打开文件的方式介绍
2018/04/28 Python
Python实现数据可视化看如何监控你的爬虫状态【推荐】
2018/08/10 Python
Python Django简单实现session登录注销过程详解
2019/08/06 Python
Python高级编程之消息队列(Queue)与进程池(Pool)实例详解
2019/11/01 Python
Python使用grequests并发发送请求的示例
2020/11/05 Python
Django中日期时间型字段进行年月日时分秒分组统计
2020/11/27 Python
python+selenium爬取微博热搜存入Mysql的实现方法
2021/01/27 Python
英国乡村时尚和宠物用品专家:Pet & Country
2018/07/02 全球购物
C/C++程序员常见面试题一
2012/12/08 面试题
国际商务专业求职信
2014/07/15 职场文书
2014年惩防体系建设工作总结
2014/12/01 职场文书
写给孩子的新学期寄语
2015/02/27 职场文书