javascript总结

tap2008

浏览: 51716 次
来自: 湖南株洲

最近访客更多访客>>

猫232323

魔方King

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

JavaScript

JavaScript 正则表达式 Ajax prototype JSP

Ajax的删除效果，不刷新页面。
首先引入prototype.js，然后加入如下代码

//url为删除的请求路径，method为请求的方式（get, post），parameters为键值对的参数
//asynchronous为是否异步请求（true为异步），onComplete为响应成功后的回调函数
var request = new Ajax.Request(url , {method : 'post', parameters : options ,asynchronous: false, onComplete : showResponse});
function showResponse() {
    //关键是这句话，Ajax刷新的效果，不会刷新页面。
    //地址栏不会改变
    self.location = self.location;
}

javascript得到下拉框选中的值

onchange="alert(this.options[this.selectedIndex].value)"

border='0'表示图片没有边框

<img id="showImage" src="" border="0">

如果src为空会导致错误和提交缓慢，找了半天才总结出来的经验。

把文本框变成下划线的样式

input.smallInput {
  background:#ffffff;
  border-bottom-color:#ff6633; 
  border-bottom-width:1px;
  border-top-width:0px;
  border-left-width:0px;
  border-right-width:0px; solid #ff6633; color: #000000; 
  FONT-SIZE: 9pt; 
  FONT-STYLE: normal; 
  FONT-VARIANT: normal; 
  FONT-WEIGHT: normal; 
  HEIGHT: 18px; 
  LINE-HEIGHT: normal
}

彩色按钮

input.buttonface {
  BACKGROUND: #ffcc00; 
  border:1 solid #ff6633; COLOR: #ff0000; 
  FONT-SIZE: 9pt; 
  FONT-STYLE: normal; 
  FONT-VARIANT: normal; 
  FONT-WEIGHT: normal; 
  HEIGHT: 18px; 
  LINE-HEIGHT: normal
}

iframe自适应高度

function doheight(){
var superlink=parent.document.getElementById("mainframe");
superlink.height=document.body.scrollHeight + 40;

parent.dyniframesize();
}

单选按钮、复选按钮在选中文字的时候选中按钮

//input必须有id，否则不行，label里面的for对应input的id
<input id="test" name="test" type="checkbox" value="1"><label for="test">测试   </label>

跳到父页面javascript的链接

//当前页面的链接
document.loaction.href="";
//父页面的链接
parent.location.href="";

一种文本框的效果，改变文本框边框的颜色。

<style>
	.MR_pinp INPUT {
		BORDER-RIGHT: #a1bca3 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #a1bca3 1px solid; PADDING-LEFT: 2px; FLOAT: left; PADDING-BOTTOM: 2px; MARGIN-LEFT: 10px; VERTICAL-ALIGN: middle; BORDER-LEFT: #a1bca3 1px solid; WIDTH: 152px; PADDING-TOP: 2px; BORDER-BOTTOM: #a1bca3 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica
	}
</style>
<P class=MR_pinp><input type="text" name="test1" value="" onBlur="fEvent('blur',this)" 
onmouseover="fEvent('mouseover',this)" onFocus="fEvent('focus',this)"  
onmouseout="fEvent('mouseout',this)" ></P>

必须要加p标记，否则上边框和左边框显示不正常。

jsp中使用UTF-8的字符集，容易造成中文乱码。
我总结了一下，有两种方式，不会造成乱码。
一、在页面使用escape编码，后台使用Escape类的unescape方法解码，Escape类见附件。
二、使用encodeURI或者encodeURIComponent对中文值进行编码，后台使用URLDecoder的decode方法解码，例如：

URLDecoder.decode("%E4%B8%AD%E5%9B%BD%E6%B1%89%E5%AD%97", "UTF-8");

因为页面的字符集是UTF-8，所以解码的时候一定要带字符集参数。

javascript匹配非中文正则表达式：

!/[\u4e00-\u9fa5]/

javascript匹配中文正则表达式：

/^[\u4e00-\u9fa5]+$/

iframe的自适应高度

<script language="JavaScript"> 
function doheight(){
var superlink=parent.document.getElementById("mainframe");
superlink.height=document.body.scrollHeight + 40;

parent.dyniframesize();
}
</script>
<body onload="doheight()" leftMargin=0 topMargin=0>
</body>

Escape.rar (1.4 KB)
下载次数: 56

分享到：

linux一些常用的命令 | 一个简单的二维数组迭代

2007-10-10 23:48
浏览 1373
评论(0)
论坛回复 / 浏览 (0 / 2845)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论