易截截图软件、单文件、免安装、纯绿色、仅160KB

Javascript两个小巧的自定义字符串格式化函数

document.close();
document.open();
function jsonFormat(template, json) {
return template.replace(/\$\{(.+?)\}/g, function ($, $1) {
return json[$1];
});
}
var links = [
{ text: "人肉搜索", url: "http://renrousousuo.com" } ,
{ text: "CSDN", url: "http://www.csdn.net" } ,
{ text: "谷歌", url: "http://g.cn" } ,
{ text: "百度", url: "http://www.baidu.com" }
];
for (var i = 0; i < links.length; i++) {
document.write(
jsonFormat('<a href="${url}" mce_href="${url}" target="_blank">${text}</a><br/>', links[i])
);
}
function strFormat(template/*, ...*/) {
var arg = arguments;
return template.replace(/\{(\d+)\}/g, function ($, $1) {
return arg[+$1 + 1];
});
}
document.write(strFormat("<b>{0}</b> <i>{1}</i>!", "zswang", "路过"))

使用字符串格式化函数有什么好处?
在实际工作中,代码的可读性很重要,易读的代码可以减轻维护工作量。
格式化代码不仅可以提高可读性,还有扩展性。
没有使用格式化的代码:
'<a href="' + json.url + '" mce_href="' + json.url + '" target="_blank">' + json.text + '</a><br/>'

当字符串需要拼接的次数更多时,代码可读性将降低。


相关文档:

JavaScript 获取对象的高度和宽度详细说明

scrollHeight: 获取对象的滚动高度。
scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离
scrollWidth:获取对象的滚动宽度
offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度
offsetL ......

JavaScript消除字符串空格

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>js除去字符串空格 ......

Javascript中eval函数的用法

有许多小窍门来使编程更加容易。其中之一就是eval()函数,这个函数可以把一个字符串当作一个JavaScript表达式一样去执行它。以下是它的说明
Eval 函数
功能:先解释Javascript代码,然后在执行它
用法:Eval(codeString)
codeString是包含有Javascript语句的字符串,在eval之后使用Javascript引擎编译。
举个小例子: ......

c#和javascript交互

在asp.net开发中,经常会用到后台和前台的交互,就此总结了一点c#和javascript相互操作的方法
1.在后台c#代码中调用jacascript的方法
javascript代码:
<script type="text/javascript" language="javascript">
function test()
{
alert("oec2003");
return false;
}
</s ......

Javascript中最常用的55个经典技巧

1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键
<table border oncontextmenu=return(false)> <td>no </table> 可用于Table
2. <body onselectstart="return false"> 取消选取、防止复制
3. onpaste="return false" 不准粘贴
4. oncopy ......
© 2009 ej38.com All Rights Reserved. 关于E健网联系我们 | 站点地图 | 赣ICP备09004571号