在ajax应用流行时,有时我们可能为了降低服务器的负担,把动态内容生成静态html页面或者是xml文件,供客户端访问!但是在我们的网站或系统中往住页面中某些部分是在后台没有进行修改时,其内容不会发生变化的。但是页面中也往往有部分内容是动态的更新的,比如一个新闻页面,新闻内容往往生成了之后就是静态的,但是新闻的最新评论往往是变化的,在这个时候有几种解决方案:

1、重新生成该静态页面,优点是用户访问时页面上的肉容可以实现全静态,不与服务器程序及数据库后端打交道!缺点是每次用户对页面任何部分更新都必须重新生成。

2、js调用请求动态内容,优点是静态页面只生成一次,动态部分才动态加载,却点是服务器端要用输出一段js代码并用js代码输出网页内容,也不利于搜索引擎收录。

3、ajax调用动态内容,和js基本相似,只是与服务器交互的方式不同!并且页面显示不会受到因动态调用速度慢而影响整个页面的加载速度!至于ajax不利于搜索收录,当然在《ajax in acation》等相关书籍中也介绍有变向的解决方案!

4、在服务器端ssl动态内容,用服务器端优化及缓存解决是时下最流行的方法!

对于第二种和第三种方法都是我最青睐的静态解决方法,适合以内容为主的中小型网站。那么在有时候可能会有js读取url参数的需求,事实证明的确也有很多时候有这种需求,特别是在胖客户端的情况下!以前也写过这样的代码,其实原理很简单就是利用javascript接口提供location对像得到url地址,然后通过分析url以取得参数,以下是我收录的一些优秀的url参数读取代码:

一、字符串分割分析法。
这里是一个获取URL+?带QUESTRING参数的JAVASCRIPT客户端解决方案,相当于asp的request.querystring,PHP的$_GET
函数:

<script>
function GetRequest()
{
var url = location.search; //获取url中"?"符后的字串
var theRequest = new Object();
if(url.indexOf("?") != -1)
{
  var str = url.substr(1);
    strs = str.split("&");
  for(var i = 0; i < strs.length; i ++)
    {
     theRequest[strs[i].split("=")[0]]=unescape(strs[i].split("=")[1]);
    }
}
return theRequest;
}
</script>

然后我们通过调用此函数获取对应参数值:

<script>
var Request=new Object();
Request=GetRequest();
var 参数1,参数2,参数3,参数N;
参数1=Request['参数1'];
参数2=Request['参数2'];
参数3=Request['参数3'];
参数N=Request['参数N'];
</script>

以此获取url串中所带的同名参数

二、正则分析法。

function     GetQueryString(name)   
{   
     var     reg     =   new   RegExp("(^|&)"+     name     +"=([^&]*)(&|$)");   
     var     r     =     window.location.search.substr(1).match(reg);   
     if     (r!=null)   return     unescape(r[2]);   return   null;   
}   
alert(GetQueryString("参数名1"));   
alert(GetQueryString("参数名2"));   
alert(GetQueryString("参数名3"));

转载于:https://www.cnblogs.com/cxblogs/archive/2009/04/06/1430159.html

静态html文件js读取url参数相关推荐

  1. js获取url参数vue.js获取url参数 JQ获取url参数

    在WEB开发中,时常会用到javascript来获取当前页面的url网址信息,在这里是我的一些获取url信息的小总结. 1.window.location.href(设置或获取整个 URL 为字符串) ...

  2. js 获取url参数(函数封装)

    本篇总结js获取url参数的几种方式,再最后,封装了一个函数,用来获取url中的参数. (一)关于获取url的一些基础知识 1, window.location.href 整个URl字符串(在浏览器中 ...

  3. SQLAlchemy中模糊查询;JS中POST带参数跳转;JS获取url参数

    SQLAlchemy中模糊查询,如何like多个关键字 JS中POST带参数跳转 一个项目中要跳转到另外一个项目,还需要带参数 考虑到安全性的问题,最好是用POST跳转,不能再URL中拼参 所以找到了 ...

  4. vue.js 接收url参数

    转载自   vue.js 接收url参数 1) 路由配置传参方式 在配置路由时 例如 "/firewall/authorize/:uid/:uname/:token" 页面url为 ...

  5. js 获取url参数问题

    网上常常找到的js获取url参数的方法是: /**  * @param {String} name   参数名称  * @param {String} url    请求的Url,可以填,如果不填为当 ...

  6. html js发送http请求数据格式,JS获取url参数,JS发送json格式的POST请求方法

    一.获取url所有参数值 function US() { var name, value; var str = location.href; var num = str.indexOf("? ...

  7. 原生js获取URL参数

    原生js获取URL参数 function getUrlParams(name) { // 不传name返回所有值,否则返回对应值var url = window.location.search;//s ...

  8. js获取 url 参数

    js获取 url 参数 获取 url 中的参数 指定参数名称,返回该参数的值 或者 空字符串 不指定参数名称,返回全部的参数对象 或者 {} 如果存在多个同名参数,则返回数组 不支持URLSearch ...

  9. js获取url 参数方法封装

    js获取url 参数方法封装 // 获取url 参数getUrlParam(params) {let url = location.href;url = url.replace("?&quo ...

最新文章

  1. 独家 | 一文读懂人工神经网络学习原理
  2. 对物联网操作系统特征和定位的思考
  3. 在ASP程序设计中在使用Response对象
  4. MAT之GA:遗传算法(GA)解决M-TSP多旅行商问题
  5. Jmeter接口测试-断言
  6. 多线程基础与JUC进阶笔记
  7. Python中Function(函数)和methon(方法)
  8. 同一个页面同时拥有collectionView和navigationBar和tabBar时可能遇到的问题
  9. Android ListView避免多线程加载一个同一资源
  10. P4884-多少个1?【BSGS】
  11. PYTHON 自动化学习之路
  12. Java Web入门之tomcat数据库连接池
  13. 解读I2C协议和读写流程
  14. sqli-labs(23-27a)
  15. 趋势线的拐点突破交易
  16. 充电宝建议买多大的?充电宝有多大的
  17. What is outlier?
  18. PS系列之 -- 通道抠图进阶 : 用通道抠取头发
  19. Android x86是什么?,安卓X86是什么?和手机上的安卓系统有什么区别?
  20. KIS与KAV,KAV personal与KAV pro的区别!

热门文章

  1. 【深度学习】DL下的3D图像和Low-level Vision问题解析
  2. 【Linux入门到精通系列讲解】内存管理malloc和free函数
  3. 全卷积神经网路【U-net项目实战】LUNA 2016 数据集详解
  4. oracle SQL 命令行(四.安全性自主控制)
  5. 电脑服务器信息,电脑服务器怎么看模块信息
  6. R语言中的esttab命令_R语言︱基本函数、统计量、常用操作函数
  7. 把一个dataset的表放在另一个dataset里面_视频自监督一. STCR: 一个基于数据增强的简单有效正则项 (降低静态信息的影响)...
  8. oracle+trunkc,Oracle常用备份与恢复操作
  9. 网络推广外包运营浅析美的成立科技公司旨在依靠科技创新实现突破
  10. 计算机控制直流电机闭环调速实验,最小拍控制系统及直流电机闭环调速控制系统设计和实现实验报告...