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实现多域名不同文件的调用方法
Jan 12 Javascript
js 替换
Feb 19 Javascript
Javascript中获取出错代码所在文件及行数的代码
Sep 23 Javascript
基于jQuery实现的美观星级评论打分组件代码
Oct 30 Javascript
利用jquery制作滚动到指定位置触发动画
Mar 26 Javascript
浅析jQuery 遍历函数,javascript中的each遍历
May 25 Javascript
js实现截图保存图片功能的代码示例
Feb 16 Javascript
简单实现js拖拽效果
Jul 25 Javascript
jQuery图片缩放插件smartZoom使用实例详解
Aug 25 jQuery
使用vue-cli创建项目的图文教程(新手入门篇)
May 02 Javascript
如何用原生js写一个弹窗消息提醒插件
May 24 Javascript
JS实现canvas简单小画板功能
Jun 23 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实现获取中英文首字母
2015/06/19 PHP
PHP读取mssql json数据中文乱码的解决办法
2016/04/11 PHP
PHP 匿名函数与注意事项详细介绍
2016/11/26 PHP
原生JS实现Ajax通过GET方式与PHP进行交互操作示例
2018/05/12 PHP
JQuyer $.post 与 $.ajax 访问WCF ajax service 时的问题需要注意的地方
2011/09/20 Javascript
jquery滚动加载数据的方法
2015/03/09 Javascript
pc加载更多功能和移动端下拉刷新加载数据
2016/11/07 Javascript
javascript中的try catch异常捕获机制用法分析
2016/12/14 Javascript
jQuery实现的checkbox级联选择下拉菜单效果示例
2016/12/26 Javascript
HTML的select控件美化
2017/03/27 Javascript
微信小程序中页面FOR循环和嵌套循环
2017/06/21 Javascript
Angular限制input框输入金额(是小数的话只保留两位小数点)
2017/07/13 Javascript
基于vue2实现左滑删除功能
2017/11/28 Javascript
Vue实现移动端页面切换效果【推荐】
2018/11/13 Javascript
使用webpack将ES6转化ES5的实现方法
2019/10/13 Javascript
[01:57]2018DOTA2亚洲邀请赛赛前采访-iG
2018/04/03 DOTA
[01:38]完美世界DOTA2联赛(PWL)宣传片:第一站
2020/10/26 DOTA
Python BeautifulSoup中文乱码问题的2种解决方法
2014/04/22 Python
Python基础教程之正则表达式基本语法以及re模块
2016/03/25 Python
详解Python下Flask-ApScheduler快速指南
2018/11/04 Python
python微元法计算函数曲线长度的方法
2018/11/08 Python
基于python的selenium两种文件上传操作实现详解
2019/09/19 Python
Python自动登录QQ的实现示例
2020/08/28 Python
pandas处理csv文件的方法步骤
2020/10/16 Python
Windows环境下Python3.6.8 importError: DLLload failed:找不到指定的模块
2020/11/01 Python
香港太阳眼镜网上商店:SmartBuyGlasses香港
2016/07/22 全球购物
全球速卖通法国在线交易平台:AliExpress法国
2017/07/07 全球购物
Shopbop中文官网:美国亚马逊旗下时尚购物网站
2020/12/15 全球购物
班长岗位职责
2013/11/10 职场文书
总经理职责
2013/12/22 职场文书
预备党员期盼十八届四中全会召开思想汇报
2014/10/17 职场文书
一般基层干部群众路线教育实践活动个人对照检查材料
2014/11/04 职场文书
医院见习总结
2015/06/24 职场文书
培训简讯范文
2015/07/20 职场文书
uniapp开发小程序的经验总结
2021/04/08 Javascript
Python数据可视化之Seaborn的安装及使用
2022/04/19 Python