编程开源技术交流,分享技术与知识

网站首页 > 开源技术 正文

JavaScript|jQuery属性操纵实现静态变量

wxchong 2024-08-25 16:32:12 开源技术 28 ℃ 0 评论

JavaScript未提供静态变量语法,要实现静态变量的功能,可以考虑的用cookie实现,另外,也可以考虑用jQuery的属性操作来实现,如:

<!DOCTYPE html>
<html>
<head>
<script src="jquery.min.js"></script>
<script type="text/javascript" src="http://public.dabiaoge.me/common/js/jquery.min.js"></script>
<script>
function appendText()
{
	var txt1="<p>Text1st</p>"; // 以 HTML 创建新元素
	var txt2=$("<p></p>").text("Text2nd"); // 以 jQuery 创建新元素
	var txt3=document.createElement("p");
	txt3.innerHTML="Text3rd"; // 通过 DOM 来创建文本
	$("body").append(txt1,txt2,txt3); // 追加新元素
	var tmp = parseInt($("#tmp").attr("name")); 
	tmp = tmp + 5;
	$("#tmp").attr("name",tmp); 
	var tmp = parseInt($("#tmp").attr("name")); 
	$("p").append(tmp,",");
}
</script>
</head>
<body>
<p id ="tmp" name="0">using control and modify attr as static variable:</p>
<button onclick="appendText()">追加文本和静态变量值:</button>
</body>
</html>

运行效果如下(连续点击按钮5次):

-End-

Tags:

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表