JS几个简单功能
2011-01-11 15:11
246 查看
Code:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!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 runat="server">
<title>无标题页</title>
<!-- 一秒后返回到新网页
<meta http-equiv="refresh" content="1;URL=http://www.baidu.com" />
-->
<!--
<script type="text/javascript" language="javascript">
document.write("最后更新时间: " + document.lastModified + "")
//5秒后关闭网页
setTimeout('window.close();',5000);
</script>
<script type="text/javascript" language="javascript">
//添加到收藏夹
function bookmarkit()
{
window.external.addFavorite('http://www.baidu.com','百度')
}
if (document.all)document.write('<a href="#" onClick="bookmarkit()">jiarushoucangjia</a>')
document.write(document.all.length)
var length=document.all.length
for (var i = 0; i < length; i++)
{
document.write("document.all["+i+"]="+document.all[i].tagName+"<br />");
}
</script>
<script type="text/javascript" language="javascript">
//禁止鼠标右键
function click()
{
if(event.button==2||event.button==3)
{
alert('禁止鼠标右键');
}
}
document.onmousedown=click
</script>
-->
<script type="text/javascript" language="javascript">
//生日倒计时
var timedate= new Date("January 12,2011");
var times="你生日";
var now = new Date();
document.write("现在是"+now.toLocaleDateString());
var date = timedate.getTime() - now.getTime();
var time = Math.ceil(date / (1000 * 60 * 60 * 24));
if (time >= 0)
document.write("离"+times+"还有: "+time +"天"+"<br />")
</script>
</head>
<body>
<a class = "chlnk" style ="cursor:hand" href onclick ="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.sina.com.cn');"><font color="000000" size ="2">设为首页</font></a>
<form id="form1" runat="server">
<div>
<a href ="/"onclick="javascript:window.close();return false;">关闭窗口</a>
<marquee>滚动文字</marquee>
</div>
</form>
</body>
</html>
Code:
var row; //雷区的行数
var col; //雷区的列数
var minenum; //雷区的总雷数
var href = "mine.html"; //提交页面 (开始按钮)
var Mine =new Array(new Array(),new Array()); //是否为雷(X为雷)
var numEmpty =new Array(new Array(),new Array()); //判断格子是否已经处理过 2为(没处理过的) 1为雷,0为已经处理过的
var ids; //按钮id
var v; //按钮id数组 v[0]是row v[1]是col
var biaoji = new Array(); //用来标记还没循环过的空格
var winnum; //记录非雷的格子(行*列-雷数)总剩余格子
function setRowColMine() //重新开始
{
row = document.getElementById('RowSize').value;
col = document.getElementById('ColSize').value;
minenum = document.getElementById('NumMine').value;
var src =href+"?minenum="+minenum+"&row="+row+"&col="+col;
window.location.href = src;
}
var sv;
function setId(obj) //点击按钮
{
var id = obj.id;
startGame(id);
//var s = sss();
//alert(s);
}
function startGame(id) //游戏过程
{
//var id = obj.id;
//ids = id;
var mine_id = 'mine_'+id ;
var mine_value = document.getElementById(mine_id).value; //是否为雷(X为雷)
var hid_id = 'hid_'+id; //附近有多少雷的层 ID
var hid_btn = 'hid_btn_'+id; //附近有多少雷的按钮ID
var minnum = document.getElementById(hid_btn).value; //附近有多少雷的值
v = id.split("_");
v[0] = parseInt(v[0]);
v[1] = parseInt(v[1]);
if(mine_value=="O")
{
if(minnum == '0')
{
document.getElementById(id).style.display='none';
numEmpty[v[0]][v[1]] = '0'; //标记格子为已经处理过的 2为(没处理过的) 1为雷,0为已经处理过的
showEmpty(id);
}
else
{
document.getElementById(id).style.display='none';
document.getElementById(hid_id).style.display='block'; //附近有多少雷的层显示
numEmpty[v[0]][v[1]] = '0'; //标记格子为已经处理过的 2为(没处理过的) 1为雷,0为已经处理过的
//winnum--;
}
//↓ 计算已经处理过的格子数, 如果跟总剩余格子相等即为胜利
var win=0; //计算已经处理过的格子数
for(var m=0;m<=row;m++)
{
for(var n=0;n<=col;n++)
{
if(numEmpty[m]
== '0')
{
win++;
}
}
}
//alert('**'+win+'**'+numEmpty);
if(winnum == win)
{
alert("你赢了");
}
}
else
{
document.getElementById('tdiv').style.display='none'; //扫雷游戏层隐藏
alert('你输了');
//alert('**'+win+'**'+winnum);
}
}
function showEmpty(id) //显示空白格子
{
v = id.split("_");
v[0] = parseInt(v[0]);
v[1] = parseInt(v[1]);
var mine_id = 'mine_'+id ;
var hid_btn = 'hid_btn_'+id;
var hid_id = 'hid_'+id; //附近有多少雷的层 ID
var minnum = document.getElementById(hid_btn).value; //附近有多少雷的值
for(var i=-1;i<=1;i++)
{
for(var j=-1;j<=1;j++)
{
var rownum = v[0] + i;
var colnum = v[1] + j;
//周围格子的行,列要大于1,小于总数
if(rownum >=1 && rownum <= row && colnum >=1 && colnum <= row )
{
idd=rownum+'_'+colnum;
//*
var hbtn = 'hid_btn_'+idd;
var hid = 'hid_'+idd;
var mins = document.getElementById(hbtn).value; //附近有多少雷的值
if(i == 0 && j == 0 ) //不能循环判断自己(否则死循环)
{
continue;
}
if(numEmpty[rownum][colnum] == '0') //如果判断过的格子就跳过
{
continue;
}
//(if条件)没有处理过的,空白格子
if(numEmpty[rownum][colnum] == '2'&& mins == '0')
{
document.getElementById(idd).style.display='none'; //隐藏按钮
numEmpty[rownum][colnum] = '0';
biaoji.push(idd); //没有处理过的,空白格子放进标记数组中 等待下次递归执行
continue;
}
if(Mine[rownum][colnum] != 'X' && mins != '0') //自己不为雷 但是附近有雷
{
document.getElementById(idd).style.display='none'; //隐藏按钮
document.getElementById(hid).style.display='block'; //附近有多少雷的层显示
numEmpty[rownum][colnum] = '0';
continue;
}
}
}
}
//循环标记数组,确保每个空白格子都进行过递归
for(var b=0;b<biaoji.length;b++)
{
var sid = biaoji[b];
biaoji.shift(); //删除已经执行递归的空白格子
showEmpty(sid); //递归调用 显示空白格子
}
}
function loading(r,w,mines) //初始化
{
row = r;
col = w;
minenum = mines;
//var Mine[] =new Array();
//初始化地雷类
for(var Rows=1;Rows<row+1;Rows++)
{
Mine[Rows]= new Array();
numEmpty[Rows] = new Array();
for(var Cols=1;Cols<col+1;Cols++)
{
Mine[Rows][Cols]="O"; //O为非雷 X为雷
numEmpty[Rows][Cols]= '2'; //初始化标记数组为2(没处理过的) 1为雷,0为已经处理过的
//Decouv[Rows][Cols]="a";
}
//alert(Rows);
}
//alert(minenum);
index=0; //布雷索引
while(index<minenum) //随机设置雷
{
Rows=parseInt(Math.random()*10 % row)+1;
Cols=parseInt(Math.random()*10 % col)+1;
//alert(Rows+'-'+Cols);
if(Mine[Rows][Cols]=="O") //O为非雷 X为雷
{
Mine[Rows][Cols]="X"; //O为非雷 X为雷
numEmpty[Rows][Cols]='1'; //初始化标记数组为2(没处理过的) 1为雷,0为已经处理过的
index++;
}
}
winnum = row*col - minenum; //初始化非雷的格子
//document.getElementById('win').value = winnum;
//根据随机雷 设置隐藏按钮显示的数字
for(Rows=1;Rows<=row;Rows++)
{
for(Cols=1;Cols<=col;Cols++ )
{
mnum=0; //计算附近格子有多少个雷
for(i=-1; i<=1; i++ )
{
for(j=-1; j<=1; j++ )
{
var rownum = Rows + i;
var colnum = Cols + j;
//行,列数都要大于1 小于总数
if(rownum >=1 && rownum <= row && colnum >=1 && colnum <= row && Mine[rownum][colnum]== "X")
{
mnum++;
}
}
}
var grid = Rows+'_'+Cols;
var mine_grid = 'mine_'+grid;
var hid_grid = 'hid_'+grid;
var hid_btn = 'hid_btn_'+grid;
//设置隐藏按钮的雷数
document.getElementById(mine_grid).value = Mine[Rows][Cols];
document.getElementById(hid_btn).value = mnum;
}
}
//alert(row+'-'+col+'-'+mine);
}
Code:
<script type="text/javascript">
function show_confirm() {
var r = confirm("单据提交后不能修改,是否提交");
if (r == true) {
window.location.href = "PlanMaster.htm"
//window.location.href = "plan3.htm"
}
else {
alert("You pressed Cancel!");
}
}
function show_confirm2() {
var r = confirm("你确定要删除么,删除后不能修改删除");
if (r == true) {
window.location.href = "plan2.htm"
}
else {
alert("You pressed Cancel!");
}
}
function show_confirm3() {
window.open('relation.htm', '关联单据', ' height=150,width=150,top=400,left=400,toolbar=no,menubar=no,scrollbars=no,resizable=yes, location=no,status=no');
return;
}
</script>
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!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 runat="server">
<title>无标题页</title>
<!-- 一秒后返回到新网页
<meta http-equiv="refresh" content="1;URL=http://www.baidu.com" />
-->
<!--
<script type="text/javascript" language="javascript">
document.write("最后更新时间: " + document.lastModified + "")
//5秒后关闭网页
setTimeout('window.close();',5000);
</script>
<script type="text/javascript" language="javascript">
//添加到收藏夹
function bookmarkit()
{
window.external.addFavorite('http://www.baidu.com','百度')
}
if (document.all)document.write('<a href="#" onClick="bookmarkit()">jiarushoucangjia</a>')
document.write(document.all.length)
var length=document.all.length
for (var i = 0; i < length; i++)
{
document.write("document.all["+i+"]="+document.all[i].tagName+"<br />");
}
</script>
<script type="text/javascript" language="javascript">
//禁止鼠标右键
function click()
{
if(event.button==2||event.button==3)
{
alert('禁止鼠标右键');
}
}
document.onmousedown=click
</script>
-->
<script type="text/javascript" language="javascript">
//生日倒计时
var timedate= new Date("January 12,2011");
var times="你生日";
var now = new Date();
document.write("现在是"+now.toLocaleDateString());
var date = timedate.getTime() - now.getTime();
var time = Math.ceil(date / (1000 * 60 * 60 * 24));
if (time >= 0)
document.write("离"+times+"还有: "+time +"天"+"<br />")
</script>
</head>
<body>
<a class = "chlnk" style ="cursor:hand" href onclick ="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.sina.com.cn');"><font color="000000" size ="2">设为首页</font></a>
<form id="form1" runat="server">
<div>
<a href ="/"onclick="javascript:window.close();return false;">关闭窗口</a>
<marquee>滚动文字</marquee>
</div>
</form>
</body>
</html>
Code:
var row; //雷区的行数
var col; //雷区的列数
var minenum; //雷区的总雷数
var href = "mine.html"; //提交页面 (开始按钮)
var Mine =new Array(new Array(),new Array()); //是否为雷(X为雷)
var numEmpty =new Array(new Array(),new Array()); //判断格子是否已经处理过 2为(没处理过的) 1为雷,0为已经处理过的
var ids; //按钮id
var v; //按钮id数组 v[0]是row v[1]是col
var biaoji = new Array(); //用来标记还没循环过的空格
var winnum; //记录非雷的格子(行*列-雷数)总剩余格子
function setRowColMine() //重新开始
{
row = document.getElementById('RowSize').value;
col = document.getElementById('ColSize').value;
minenum = document.getElementById('NumMine').value;
var src =href+"?minenum="+minenum+"&row="+row+"&col="+col;
window.location.href = src;
}
var sv;
function setId(obj) //点击按钮
{
var id = obj.id;
startGame(id);
//var s = sss();
//alert(s);
}
function startGame(id) //游戏过程
{
//var id = obj.id;
//ids = id;
var mine_id = 'mine_'+id ;
var mine_value = document.getElementById(mine_id).value; //是否为雷(X为雷)
var hid_id = 'hid_'+id; //附近有多少雷的层 ID
var hid_btn = 'hid_btn_'+id; //附近有多少雷的按钮ID
var minnum = document.getElementById(hid_btn).value; //附近有多少雷的值
v = id.split("_");
v[0] = parseInt(v[0]);
v[1] = parseInt(v[1]);
if(mine_value=="O")
{
if(minnum == '0')
{
document.getElementById(id).style.display='none';
numEmpty[v[0]][v[1]] = '0'; //标记格子为已经处理过的 2为(没处理过的) 1为雷,0为已经处理过的
showEmpty(id);
}
else
{
document.getElementById(id).style.display='none';
document.getElementById(hid_id).style.display='block'; //附近有多少雷的层显示
numEmpty[v[0]][v[1]] = '0'; //标记格子为已经处理过的 2为(没处理过的) 1为雷,0为已经处理过的
//winnum--;
}
//↓ 计算已经处理过的格子数, 如果跟总剩余格子相等即为胜利
var win=0; //计算已经处理过的格子数
for(var m=0;m<=row;m++)
{
for(var n=0;n<=col;n++)
{
if(numEmpty[m]
== '0')
{
win++;
}
}
}
//alert('**'+win+'**'+numEmpty);
if(winnum == win)
{
alert("你赢了");
}
}
else
{
document.getElementById('tdiv').style.display='none'; //扫雷游戏层隐藏
alert('你输了');
//alert('**'+win+'**'+winnum);
}
}
function showEmpty(id) //显示空白格子
{
v = id.split("_");
v[0] = parseInt(v[0]);
v[1] = parseInt(v[1]);
var mine_id = 'mine_'+id ;
var hid_btn = 'hid_btn_'+id;
var hid_id = 'hid_'+id; //附近有多少雷的层 ID
var minnum = document.getElementById(hid_btn).value; //附近有多少雷的值
for(var i=-1;i<=1;i++)
{
for(var j=-1;j<=1;j++)
{
var rownum = v[0] + i;
var colnum = v[1] + j;
//周围格子的行,列要大于1,小于总数
if(rownum >=1 && rownum <= row && colnum >=1 && colnum <= row )
{
idd=rownum+'_'+colnum;
//*
var hbtn = 'hid_btn_'+idd;
var hid = 'hid_'+idd;
var mins = document.getElementById(hbtn).value; //附近有多少雷的值
if(i == 0 && j == 0 ) //不能循环判断自己(否则死循环)
{
continue;
}
if(numEmpty[rownum][colnum] == '0') //如果判断过的格子就跳过
{
continue;
}
//(if条件)没有处理过的,空白格子
if(numEmpty[rownum][colnum] == '2'&& mins == '0')
{
document.getElementById(idd).style.display='none'; //隐藏按钮
numEmpty[rownum][colnum] = '0';
biaoji.push(idd); //没有处理过的,空白格子放进标记数组中 等待下次递归执行
continue;
}
if(Mine[rownum][colnum] != 'X' && mins != '0') //自己不为雷 但是附近有雷
{
document.getElementById(idd).style.display='none'; //隐藏按钮
document.getElementById(hid).style.display='block'; //附近有多少雷的层显示
numEmpty[rownum][colnum] = '0';
continue;
}
}
}
}
//循环标记数组,确保每个空白格子都进行过递归
for(var b=0;b<biaoji.length;b++)
{
var sid = biaoji[b];
biaoji.shift(); //删除已经执行递归的空白格子
showEmpty(sid); //递归调用 显示空白格子
}
}
function loading(r,w,mines) //初始化
{
row = r;
col = w;
minenum = mines;
//var Mine[] =new Array();
//初始化地雷类
for(var Rows=1;Rows<row+1;Rows++)
{
Mine[Rows]= new Array();
numEmpty[Rows] = new Array();
for(var Cols=1;Cols<col+1;Cols++)
{
Mine[Rows][Cols]="O"; //O为非雷 X为雷
numEmpty[Rows][Cols]= '2'; //初始化标记数组为2(没处理过的) 1为雷,0为已经处理过的
//Decouv[Rows][Cols]="a";
}
//alert(Rows);
}
//alert(minenum);
index=0; //布雷索引
while(index<minenum) //随机设置雷
{
Rows=parseInt(Math.random()*10 % row)+1;
Cols=parseInt(Math.random()*10 % col)+1;
//alert(Rows+'-'+Cols);
if(Mine[Rows][Cols]=="O") //O为非雷 X为雷
{
Mine[Rows][Cols]="X"; //O为非雷 X为雷
numEmpty[Rows][Cols]='1'; //初始化标记数组为2(没处理过的) 1为雷,0为已经处理过的
index++;
}
}
winnum = row*col - minenum; //初始化非雷的格子
//document.getElementById('win').value = winnum;
//根据随机雷 设置隐藏按钮显示的数字
for(Rows=1;Rows<=row;Rows++)
{
for(Cols=1;Cols<=col;Cols++ )
{
mnum=0; //计算附近格子有多少个雷
for(i=-1; i<=1; i++ )
{
for(j=-1; j<=1; j++ )
{
var rownum = Rows + i;
var colnum = Cols + j;
//行,列数都要大于1 小于总数
if(rownum >=1 && rownum <= row && colnum >=1 && colnum <= row && Mine[rownum][colnum]== "X")
{
mnum++;
}
}
}
var grid = Rows+'_'+Cols;
var mine_grid = 'mine_'+grid;
var hid_grid = 'hid_'+grid;
var hid_btn = 'hid_btn_'+grid;
//设置隐藏按钮的雷数
document.getElementById(mine_grid).value = Mine[Rows][Cols];
document.getElementById(hid_btn).value = mnum;
}
}
//alert(row+'-'+col+'-'+mine);
}
Code:
<script type="text/javascript">
function show_confirm() {
var r = confirm("单据提交后不能修改,是否提交");
if (r == true) {
window.location.href = "PlanMaster.htm"
//window.location.href = "plan3.htm"
}
else {
alert("You pressed Cancel!");
}
}
function show_confirm2() {
var r = confirm("你确定要删除么,删除后不能修改删除");
if (r == true) {
window.location.href = "plan2.htm"
}
else {
alert("You pressed Cancel!");
}
}
function show_confirm3() {
window.open('relation.htm', '关联单据', ' height=150,width=150,top=400,left=400,toolbar=no,menubar=no,scrollbars=no,resizable=yes, location=no,status=no');
return;
}
</script>
相关文章推荐
- js+html+css简单的互动功能页面(2015知道几乎尖笔试题)http://v.youku.com/v_show/id_XMTI0ODQ5NTAyOA==.html?from=y1.7-1.2
- 简单的JS实现按钮触发倒计时功能
- js一个简单的全选功能
- js实现简单的图片懒加载功能
- JS简单实现点击跳转登陆邮箱功能的方法
- 几个简单的js正则验证
- JS实现的简单拖拽购物车功能示例【附源码下载】
- 原生JS实现简单的倒计时功能示例
- 简单实现JS上传图片预览功能
- 最简单的纯js实现点击展开二级菜单功能
- js实现一个简单的锁屏功能
- 简单实现js点击展开二级菜单功能
- JS 实现简单星星评分功能
- 用户体验超棒并且功能强大使用简单的javascript表单验证 - Parsley.js
- jsp、js分页功能的简单总结
- js+html+css实现简单页面交互功能(2015知乎前端笔试题)http://v.youku.com/v_show/id_XMTI0ODQ5NTAyOA==.html?from=y1.7-1.2
- 一直想写个js模板,现在终于写了个简单的版本,后续会增加更多功能(依赖jquery)
- vue.js实现简单的购物车功能
- js实现类似jquery基础功能 简单选择器/事件/属性
- js实现简单选项卡功能