javascript总结

最新推荐文章于 2024-09-14 19:53:40 发布

tap2008

最新推荐文章于 2024-09-14 19:53:40 发布

阅读量72

点赞数

分类专栏： JavaScript 文章标签： JavaScript 正则表达式 Ajax prototype JSP ViewUI

JavaScript 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

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

[code]
//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;
}
[/code]

javascript得到下拉框选中的值
[code]
οnchange="alert(this.options[this.selectedIndex].value)"
[/code]

border='0'表示图片没有边框
[code]
<img id="showImage" src="" border="0">
[/code]
如果src为空会导致错误和提交缓慢，找了半天才总结出来的经验。

把文本框变成下划线的样式
[code]
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
}
[/code]

彩色按钮
[code]
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
}
[/code]

iframe自适应高度
[code]
function doheight(){
var superlink=parent.document.getElementById("mainframe");
superlink.height=document.body.scrollHeight + 40;

parent.dyniframesize();
}
[/code]

单选按钮、复选按钮在选中文字的时候选中按钮
[code]
//input必须有id，否则不行，label里面的for对应input的id
<input id="test" name="test" type="checkbox" value="1"><label for="test">测试 </label>
[/code]

跳到父页面javascript的链接
[code]
//当前页面的链接
document.loaction.href="";
//父页面的链接
parent.location.href="";
[/code]

一种文本框的效果，改变文本框边框的颜色。
[code]
<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)"
οnmοuseοver="fEvent('mouseover',this)" onFocus="fEvent('focus',this)"
οnmοuseοut="fEvent('mouseout',this)" ></P>
[/code]
必须要加p标记，否则上边框和左边框显示不正常。

jsp中使用UTF-8的字符集，容易造成中文乱码。
我总结了一下，有两种方式，不会造成乱码。
一、在页面使用escape编码，后台使用Escape类的unescape方法解码，Escape类见附件。
二、使用encodeURI或者encodeURIComponent对中文值进行编码，后台使用URLDecoder的decode方法解码，例如：
[code]
URLDecoder.decode("%E4%B8%AD%E5%9B%BD%E6%B1%89%E5%AD%97", "UTF-8");
[/code]
因为页面的字符集是UTF-8，所以解码的时候一定要带字符集参数。

javascript匹配非中文正则表达式：
[code]
!/[\u4e00-\u9fa5]/
[/code]
javascript匹配中文正则表达式：
[code]
/^[\u4e00-\u9fa5]+$/
[/code]

iframe的自适应高度
[code]
<script language="JavaScript">
function doheight(){
var superlink=parent.document.getElementById("mainframe");
superlink.height=document.body.scrollHeight + 40;

parent.dyniframesize();
}
</script>
<body οnlοad="doheight()" leftMargin=0 topMargin=0>
</body>
[/code]