浏览 2840 次
|
锁定老帖子 主题：javascript总结
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
|
|
|---|---|
| 作者 | 正文 |
|
发表时间：2007-10-10
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>
声明：ITeye文章版权属于作者，受法律保护。没有作者书面许可不得转载。
推荐链接
|
| 返回顶楼 | |
