jQuery通过控制节点实现仅在前台通过get方法完成参数传递

2020-05-18 08:42:51易采站长站整理

/*此函数配合unescape函数能够对url上get方法传递过来的utf-8元素进行解码*/ 
function getUrlParam(name) 

var reg = new RegExp(“(^|&)”+ name +”=([^&]*)(&|$)”);  
var r = window.location.search.substr(1).match(reg);   
if (r!=null) return unescape(r[2]); return null;  
}  
$(function() { 
    $(“#rec”).text(unescape(getUrlParam(“text”))); 
    }); 
</script>

jqsend.html全代码如下,具体代码请看注释:
<!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>jqsend</title> 
<script src=”js/jquery-1.11.1.js”></script> 
</head> 
 
<!–html部分,设计一个复杂的图层,里面包含着四重节点,也就是节点树四层–> 
<body> 
 
<div id=”fatherdiv2″ style=”border:solid;border-color:#000″> 
<div id=”fatherdiv” style=”border:solid;border-color:#f00″> 
<p id=”fatherp” style=”border:solid;border-color:#00f”> 
<span id=”findmyfather”> 
我的父节点 
</span> 
</p> 
</div> 
</div> 
<br /> 
 
<!–两个按钮–> 
<button id=”add”>增加</button> 
<button id=”clear”>清空</button> 
<!–用来存放增加的超链接列表–> 
<ul id=”testul”></ul> 
</body> 
</html> 
<script> 
/*$(function(){});相当于$(document).ready(function (){});函数,一载入,就执行的主函数*/ 
$(function() { 
     /*计数id*/ 
     var id=0; 
     /*add按钮点击事件*/ 
     $(“#add”).click(function (){ 
            id=id+1; 
            var li=”<li id=”id” +id.toString()+ “”><a></a></li>”; 
            /*在testul列表中,增加如上所述的li节点*/