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 相关文章推荐
Javascript YUI 读码日记之 YAHOO.util.Dom - Part.3
Mar 22 Javascript
javascript模拟命名空间
Apr 17 Javascript
jQuery 3 中的新增功能汇总介绍
Jun 12 Javascript
Node.JS 循环递归复制文件夹目录及其子文件夹下的所有文件
Sep 18 Javascript
简单谈谈js的数据类型
Sep 25 Javascript
bootstrap table实现点击翻页功能 可记录上下页选中的行
Sep 28 Javascript
动态加载JavaScript文件的3种方式
May 05 Javascript
微信小程序实现随机验证码功能
Dec 20 Javascript
vue项目首屏加载时间优化实战
Apr 23 Javascript
JS前端广告拦截实现原理解析
Feb 17 Javascript
jQuery 动画与停止动画效果实例详解
May 19 jQuery
vue backtop组件的实现完整代码
Apr 07 Vue.js
基于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
咖啡店都有些什么常规豆子呢?有什么风味在里面
2021/03/04 咖啡文化
php str_pad() 将字符串填充成指定长度的字符串
2010/02/23 PHP
php 删除记录同时删除图片文件的实现代码
2010/05/12 PHP
PHP中strtotime函数使用方法详解
2011/11/27 PHP
PHP文件锁定写入实例解析
2014/07/14 PHP
php简单获取文件扩展名的方法
2015/03/24 PHP
php获取指定(访客)IP所有信息(地址、邮政编码、国家、经纬度等)的方法
2015/07/06 PHP
PHP技术开发微信公众平台
2015/07/22 PHP
学习php设计模式 php实现门面模式(Facade)
2015/12/07 PHP
用javascript实现给图片加链接
2007/08/15 Javascript
Jquery插件 easyUI属性汇总
2011/01/19 Javascript
简介JavaScript中的getSeconds()方法的使用
2015/06/10 Javascript
Angular发布1.5正式版,专注于向Angular 2的过渡
2016/02/18 Javascript
Vue.js每天必学之过渡与动画
2016/09/06 Javascript
JS类的定义与使用方法深入探索
2016/11/26 Javascript
js实现右键菜单功能
2016/11/28 Javascript
JavaScript数据结构学习之数组、栈与队列
2017/05/02 Javascript
基于JS代码实现简单易用的倒计时 x 天 x 时 x 分 x 秒效果
2017/07/13 Javascript
Vue2.0 vue-source jsonp 跨域请求
2017/08/04 Javascript
vue element项目引入icon图标的方法
2018/06/06 Javascript
小程序实现搜索框功能
2020/03/26 Javascript
Vue绑定用户接口实现代码示例
2020/11/04 Javascript
简单谈谈python中的多进程
2016/11/06 Python
Django跨域请求CSRF的方法示例
2018/11/11 Python
python面试题Python2.x和Python3.x的区别
2019/05/28 Python
扩展Django admin的list_filter()可使用范围方法
2019/08/21 Python
python几种常用功能实现代码实例
2019/12/25 Python
matplotlib 对坐标的控制,加图例注释的操作
2020/04/17 Python
python删除指定列或多列单个或多个内容实例
2020/06/28 Python
Selenium webdriver添加cookie实现过程详解
2020/08/12 Python
css3 条纹化和透明化表格Firefox下测试成功
2014/04/15 HTML / CSS
俄罗斯茶和咖啡网上商店:Tea.ru
2021/01/26 全球购物
小学生检讨书大全
2014/02/06 职场文书
水污染治理工程专业自荐信
2014/06/21 职场文书
go原生库的中bytes.Buffer用法
2021/04/25 Golang
vscode中使用npm安装babel的方法
2021/08/02 Javascript