java版
import java.util.HashMap;
import java.util.Map;
import java.util.regex.Matcher;
import java.util.regex.Pattern;
public class TestRex {
public static void main(String[] args) {
Map<String, String> map = new HashMap<String, String>();
map.put("name", "penngo");
map.put("date", "2013-01-17");
Pattern p = Pattern.compile("<%=(\\w+?)%>");
String str = "<%=date%>, Hello <%=name%>";
Matcher m = p.matcher(str);
StringBuffer sb = new StringBuffer();
boolean result = m.find();
while (result) {
String key = m.group(1);
String value = map.get(key);
m.appendReplacement(sb, value);
result = m.find();
}
m.appendTail(sb);
System.out.println(sb.toString());
}
}
import java.util.Map;
import java.util.regex.Matcher;
import java.util.regex.Pattern;
public class TestRex {
public static void main(String[] args) {
Map<String, String> map = new HashMap<String, String>();
map.put("name", "penngo");
map.put("date", "2013-01-17");
Pattern p = Pattern.compile("<%=(\\w+?)%>");
String str = "<%=date%>, Hello <%=name%>";
Matcher m = p.matcher(str);
StringBuffer sb = new StringBuffer();
boolean result = m.find();
while (result) {
String key = m.group(1);
String value = map.get(key);
m.appendReplacement(sb, value);
result = m.find();
}
m.appendTail(sb);
System.out.println(sb.toString());
}
}
php版
<?php
$data = array('name'=>'penngo', 'date'=>'2013-01-17');
function replaceStr($key, $data){
return $data[$key];
}
$str = '<%=date%>, Hello <%=name%>';
$str = preg_replace("/<%=(\w+?)%>/ise", "replaceStr('\\1', \$data)", $str);
echo $str;
?>
$data = array('name'=>'penngo', 'date'=>'2013-01-17');
function replaceStr($key, $data){
return $data[$key];
}
$str = '<%=date%>, Hello <%=name%>';
$str = preg_replace("/<%=(\w+?)%>/ise", "replaceStr('\\1', \$data)", $str);
echo $str;
?>
js版
<html>
<head>
<meta charset="UTF-8">
<script type="text/javascript">
var date = {'name':'penngo', 'date':'2013-01-17'};
var str = '<%=date%>, Hello <%=name%>';
str = str.replace(/<%=(\w+?)%>/g, function($0, $1){
var value = date[$1];
return value;
});
document.write(str);
</script>
</head>
<body>
</body>
</html>
<head>
<meta charset="UTF-8">
<script type="text/javascript">
var date = {'name':'penngo', 'date':'2013-01-17'};
var str = '<%=date%>, Hello <%=name%>';
str = str.replace(/<%=(\w+?)%>/g, function($0, $1){
var value = date[$1];
return value;
});
document.write(str);
</script>
</head>
<body>
</body>
</html>
運(yùn)行結(jié)果輸出:
2013-01-17, Hello penngo
penngo 2013-01-17 01:18 發(fā)表評(píng)論
]]>penngo 2013-01-16 01:15 發(fā)表評(píng)論
]]><!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8">
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.2.min.js"></script>
<script type="text/javascript" id="loadjson"></script>
<script type="text/javascript">
// 第一種
// test1.php在服務(wù)器設(shè)置請(qǐng)?jiān)试S跨域(注意：IE9測(cè)試不通過)
$.ajax({
type: 'POST',
url: 'http://127.0.0.1:8081/test/test1.php',
data: 'name=penngo',
dataType: 'json',
success: function(msg){
$('#json').html(JSON.stringify(msg));
}
});
/*
第二種JSONP：
在客戶端動(dòng)態(tài)注冊(cè)一個(gè)函數(shù)function test(data)，然后將函數(shù)名傳到服務(wù)器，服務(wù)器返回一個(gè)test({json})到客戶端運(yùn)行,這樣就調(diào)用客戶端的function test(data),從而實(shí)現(xiàn)了跨域,jquery已經(jīng)支持jsonp
*/
// test2.php使用jsonp
$.ajax({
type: 'GET',
url: 'http://127.0.0.1:8081/test/test2.php?callback=?',
data: 'name=penngo',
dataType: 'jsonp',
success: function(msg){
$('#jsonp').html(JSON.stringify(msg));
}
});
/*
第三種，原理與jsonp類似，web頁(yè)面上調(diào)用js文件時(shí)不受跨域影響,
只要利用<script>標(biāo)簽的src屬性，動(dòng)態(tài)加載js方式就能跨域，該方式為異步，通過testjs()回調(diào)
*/
var testjs = function(msg){
$('#js').html(JSON.stringify(msg));
}
$('#loadjson')[0].src = 'http://127.0.0.1:8081/test/test3.php?method=testjs&name=penngo';
</script>
</head>
<body>
header跨域:
<div id="json">
</div>
<br/>
jsonp跨域:
<div id="jsonp">
</div>
<br/>
js請(qǐng)求實(shí)現(xiàn)跨域:
<div id="js">
</div>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.7.2.min.js"></script>
<script type="text/javascript" id="loadjson"></script>
<script type="text/javascript">
// 第一種
// test1.php在服務(wù)器設(shè)置請(qǐng)?jiān)试S跨域(注意：IE9測(cè)試不通過)
$.ajax({
type: 'POST',
url: 'http://127.0.0.1:8081/test/test1.php',
data: 'name=penngo',
dataType: 'json',
success: function(msg){
$('#json').html(JSON.stringify(msg));
}
});
/*
第二種JSONP：
在客戶端動(dòng)態(tài)注冊(cè)一個(gè)函數(shù)function test(data)，然后將函數(shù)名傳到服務(wù)器，服務(wù)器返回一個(gè)test({json})到客戶端運(yùn)行,這樣就調(diào)用客戶端的function test(data),從而實(shí)現(xiàn)了跨域,jquery已經(jīng)支持jsonp
*/
// test2.php使用jsonp
$.ajax({
type: 'GET',
url: 'http://127.0.0.1:8081/test/test2.php?callback=?',
data: 'name=penngo',
dataType: 'jsonp',
success: function(msg){
$('#jsonp').html(JSON.stringify(msg));
}
});
/*
第三種，原理與jsonp類似，web頁(yè)面上調(diào)用js文件時(shí)不受跨域影響,
只要利用<script>標(biāo)簽的src屬性，動(dòng)態(tài)加載js方式就能跨域，該方式為異步，通過testjs()回調(diào)
*/
var testjs = function(msg){
$('#js').html(JSON.stringify(msg));
}
$('#loadjson')[0].src = 'http://127.0.0.1:8081/test/test3.php?method=testjs&name=penngo';
</script>
</head>
<body>
header跨域:
<div id="json">
</div>
<br/>
jsonp跨域:
<div id="jsonp">
</div>
<br/>
js請(qǐng)求實(shí)現(xiàn)跨域:
<div id="js">
</div>
</body>
</html>
服務(wù)器端處理
test1.php
<?php
header("Access-Control-Allow-Origin: *");
$name = $_REQUEST['name'];
$result = array('success'=>1, 'name'=>$name);
echo json_encode($result);
?>
header("Access-Control-Allow-Origin: *");
$name = $_REQUEST['name'];
$result = array('success'=>1, 'name'=>$name);
echo json_encode($result);
?>
test2.php
<?php
$callback = $_REQUEST['callback'];
$name = $_REQUEST['name'];
$result = array('success'=>1, 'name'=>$name);
$jsonData = json_encode($result);
echo $callback . "(" . $jsonData . ")";
?>
$callback = $_REQUEST['callback'];
$name = $_REQUEST['name'];
$result = array('success'=>1, 'name'=>$name);
$jsonData = json_encode($result);
echo $callback . "(" . $jsonData . ")";
?>
test3.php
<?php
$method = $_REQUEST['method'];
$name = $_REQUEST['name'];
$result = array('success'=>1, 'name'=>$name);
$jsonData = json_encode($result);
header('Content-type:application/x-javascript');
echo "$method($jsonData);";
?>
$method = $_REQUEST['method'];
$name = $_REQUEST['name'];
$result = array('success'=>1, 'name'=>$name);
$jsonData = json_encode($result);
header('Content-type:application/x-javascript');
echo "$method($jsonData);";
?>
IE9測(cè)試，頁(yè)面輸出內(nèi)容
header跨域:
jsonp跨域:
{"success":1,"name":"penngo"}
js請(qǐng)求實(shí)現(xiàn)跨域:
{"success":1,"name":"penngo"}
chrome,firefox,safari測(cè)試，頁(yè)面輸出內(nèi)容
header跨域:
{"success":1,"name":"penngo"}
jsonp跨域:
{"success":1,"name":"penngo"}
js請(qǐng)求實(shí)現(xiàn)跨域:
{"success":1,"name":"penngo"}
penngo 2013-01-11 13:19 發(fā)表評(píng)論
]]><html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8"/>
<script type="text/javascript">
// 第一種
var Test1 = function(){
var name = "";
this.setName = function(username){
name = username;
}
this.getName = function(){
return name;
}
this.sayHello = function(){
return "Hello " + this.getName();
}
return this;
}();
Test1.setName("penngo");
console.log("Test1======" + Test1.getName());
console.log("Test1======" + Test1.sayHello());
// 第二種
var Test2 = function(){
var name = "";
return {
setName:function(username){
name = username;
},
getName:function(){
return name;
},
sayHello:function(){
return "Hello " + this.getName();
}
};
}();
Test2.setName("penngo");
console.log("Test2======" + Test2.getName());
console.log("Test2======" + Test2.sayHello());
</script>
</head>
<body>
</body>
</html>
penngo 2013-01-08 00:20 發(fā)表評(píng)論
]]><textarea id="content" name="content" cols="" rows="10" style="height:700px;" ></textarea>
初始化
editor = $("#content").ckeditor();
$("#oldcontent").ckeditor({height:300,toolbar:[]});
操作方法
CKEDITOR.instances.oldcontent.setReadOnly(false);
CKEDITOR.instances.content.setData("Pacer");操作方法
CKEDITOR.instances.oldcontent.setReadOnly(false);
CKEDITOR.instances.content.insertHtml("<img src=''>");
content為控件的id
content為控件的id
penngo 2012-09-13 17:14 發(fā)表評(píng)論
]]>exec.htm
<!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> <title>無(wú)標(biāo)題頁(yè)</title></head><body>
<script language="javascript">
var brower = function(){
var a = navigator.userAgent.toLowerCase(); if(a.indexOf("msie") > -1){ var re = new RegExp("msie\\s?([\\d\\.]+)", "ig"); var arr = re.exec(a); if(parseInt(RegExp.$1) >=5.5){ return "IE";
} } else if(a.indexOf("firefox") > -1){ return "FF"; }}();function execCom(cmd){ document.execCommand(cmd, "", "");}function code(){ var fram = document.getElementById("editFrame").contentWindow; var bo = fram.document.body.innerHTML; document.getElementById("myarea").value = bo;}function inserCode(){ var value = document.getElementById("myarea").value; var fram = document.getElementById("editFrame").contentWindow; fram.document.body.innerHTML = value;
}</script><table> <tr> <td colspan="2"> <input type="button" onclick="execCom('UNDO')" value="撤消" /> <input type="button" onclick="execCom('REDO')" value="重復(fù)" /> <input type="button" onclick="code()" value="查看源碼" /> <input type="button" onclick="inserCode()" value="插入源碼" /> </td> </tr> <tr> <td> <textarea id="myarea" style="background-color:#99b6d5;width:200px; height:400px;" cols="10" > </textarea> </td> <td> <iframe id="editFrame" src="my.htm" width="300px" height="400px" /> </td> </tr> <tr> <td> </td> </tr></table></body></html>my.htm
<!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> <title>無(wú)標(biāo)題頁(yè)</title></head><body contentEditable="true" style="background-color:#99b6d5;"><input type="button" value="確認(rèn)" /><input type="text" /><input type="button" value="復(fù)選框" /></body></html>效果圖：
penngo 2011-03-12 22:39 發(fā)表評(píng)論
]]>