易截截图软件、单文件、免安装、纯绿色、仅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(二)

6、基于对象的JavaScript语言
JavaScript是基于对象的的语言,不像面向对象有抽象、继承、重载等有关面向对象的功能,但是它还是具有面向对象的基本特征,它可以根据需要创建自己的对象,从而进一步扩大JavaScript的应用范围,增强编写功能强大的Web文档。
对象的基础知识:
对象是由属性和方法两个基本元素组成。一个对 ......

Javascript DOM 编程艺术

JS中数组的批量填充方式:
  1.在声明时同时进行填充
        var beatles = Array("John","Paul","George","Ringo");
  2.我们甚至用不着明确地表明我们是在创建数组.事实上,只需用一堆方括号括起来就足以创建我们想要的数组了: ......

JavaScript 和JSP 连接SqlServer 数据库

第一种 JavaScript连接数据库:
<mce:script language="JavaScript"><!--
// 创建数据库对象
var objdbConn = new ActiveXObject("ADODB.Connection");
// DSN字符串
var strdsn = "Driver={SQL Server};SERVER=192.168.0.210;UID=xhb;PWD=xhb;DATABASE=books";
// 打开数据源
objdbConn.Open(strdsn);
// ......

JavaScript连接SqlServer并实现分页

//总记录数
function sumRecord()
{
var conn= Server.CreateObject("ADODB.connection");
var rs= Server.CreateObject("adodb.recordset");
conn.open("PROVIDER=SQLOLEDB;DATA SOURCE=127.0.0.1;UID=sa;PWD=123456;DATABASE=test");
var sql = "select count(*) as RecordCount from baoming";
rs.open(sql, ......

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号