即时改变个性祝福网页源码_输入名字生产祝福语网页代码-CSDN博客

本文链接：https://blog.csdn.net/tangcaijun/article/details/8458739

http://www.3875.com/shengdanjie/4.html?stra=%u795E%u5947%u7269%u79CD

嗯，今天上个邮箱看到收到了一个元旦祝福个性网页，可以根据你输入的名字改变网页内容，这几天考试复习无聊嘛，就研究下那个网页咯。。。

用火狐分析下，发现其实也没什么特别难的地方，把源码简化了一下，就大概像下面写的那样吧。。

http://www.baduroom.com/test/711test.html?stra=%u795E%u5947%u7269%u79CD

<!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=gb2312" />
<title>神奇物种</title>
<p align="center" style="PADDING-LEFT: 3px; FONT-SIZE: 16px;height:20px; padding-top:3px;">
<script>
document.write(unescape(location.search.split("=")[1]));
</script>
正在使用该网页
</p>

<SCRIPT type="text/javascript">
var lusername=location.search.split("=")[1];
if(!lusername){
	lusername="liuqu711.com"
}else{
	lusername=unescape(lusername)
}
function check(){
	obj = document.getElementById("nameStr").value;
	var url="http://www.baduroom.com/test/711test.html?stra="+escape(obj);
	//window.clipboardData.setData("Text","可以加一些祝福语在这哦，呵呵~~\n"+url);
	copy("可以加一些祝福语在这哦，呵呵~~\n"+url);
	//alert('试试到一个地方粘贴看看。。');
	window.location.replace(url);
	return false
}

 function copy(meintext) {
  if (window.clipboardData) {
      window.clipboardData.setData("Text", meintext);
	  alert('试试到一个地方粘贴看看。。');
  }
} 
</SCRIPT>

<body>
<p align="center" style="PADDING-LEFT: 3px; FONT-SIZE: 16px;height:20px; padding-top:3px;">711专用测试网</p>

<form name="myform" id="myform2" οnsubmit="return check(this)" align="center">
<div align="center" >
<input id="nameStr" tabindex="1" maxlength="18" size="25" name="nameStr2" style="PADDING-LEFT: 3px; FONT-SIZE: 16px;height:20px; padding-top:3px;"/>
<input type="submit" value="点" name="Submit2" style="FONT-SIZE: 16px; MARGIN-BOTTOM: -1px; WIDTH: 6.4em; PADDING-TOP: 2px; HEIGHT: 1.9em" />
</div>
</form>

</body>


</html>