html跳转页面小技巧

2018-01-17

html的实现

优点：简单
缺点：Struts Tiles中无法使用

<head>
<!-- 以下方式只是刷新不跳转到其他页面 -->
<meta http-equiv="refresh" content="10">
<!-- 以下方式定时转到其他页面 -->
<meta http-equiv="refresh" content="5;url=hello.html"> 
</head>

javascript的实现

优点：灵活，可以结合更多的其他功能
缺点：受到不同浏览器的影响

<script language="javascript" type="text/javascript"> 
// 以下方式直接跳转
window.location.href='hello.html';
// 以下方式定时跳转
setTimeout("javascript:location.href='hello.html'", 5000); 
</script>

正则获取get请求参数

html并没有对http请求的处理，不像jsp，php，python。但是我们可以用正则表达式提取参数。
缺点：只能处理get请求

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"));

正则构造startWith，endWith方法

javascript 没有原生的这2个方法，一般用indexOf判断，

//或者用indexOf判断
var index = str.indexOf('abc');
if(index==0){
//以'abc'开头
}

我们也可以自己构造。

String.prototype.startWith=function(str){     
  var reg=new RegExp("^"+str);     
  return reg.test(this);        
}  
String.prototype.endWith=function(str){     
  var reg=new RegExp(str+"$");     
  return reg.test(this);        
}
//或者用indexOf判断
var index = str.indexOf('abc');
if(index==0){
//以'abc'开头
}

正则转换回车换行符

function convertCRLF(str){
	if(str!=null)
	str = str.replace(/[\n]/g,"<br>")
	return str;
}

点击量次