JavaScript资料,JavaScript文章,JavaScript文档-易库教程

javascript和HTML5利用canvas构建猜牌游戏实现算法

2017年02月06日 20 阅读

让我猜猜你心中的牌，先随机生成27张牌，不能重复列出三列牌，然后记住其中一张，然后点击牌所在的列，多次就可以猜出你想的牌。如果是9张只要猜2次，如果是27张就是猜3次。实现方法（27张）：如果点击了第三列，那就是说牌一定在这9张里面，就把第三列的9张牌平均给每列分3张，假设编号为123，456，789 再点击一次，如果点击第二列，那么猜的牌就在456里面，再分到三列，4,5,6 再点击一次，就可以知道牌是哪个了。实现算法：我是使用一维数组实现，第...

Javascript和HTML5利用canvas构建Web五子棋游戏实现算法

2017年02月06日 19 阅读

这只是一个简单的JAVAscript和HTML5小程序，没有实现人机对战。五子棋棋盘落子点对应的二维数组。数组的元素对应落子点。比如数组元素值为0表示该元素对应的落子点没有棋子，数组元素值为1表示该元素对应的落子点有白棋子，数组元素值为2表示该元素对应的落子点有黑棋子；判断五子棋赢棋的算法是通过对五子棋棋盘落子点对应的二维数组的操作来实现的。判断五子棋赢棋算法下边的函数可以实现判断五子棋赢棋的算法，也可以按照教材中相应的算法实现。其中函数的参数x...

JS随机生成不重复数据的实例方法

2017年02月06日 18 阅读

昨天晚上在IBM上看了一篇关于在Java开发人员对于JavaScript看法的文章,感受很深,发现作为一个Java开发人员应该要懂得而且还要熟练JavaScript的能力.毕竟现在的JavaScript已经非常强大了,在Jquery,Ext等插件的注入后.已经慢慢再次受到Java开发人员的青睐了.下面因为项目需要,特地编写了一个生成随机数的方法,而且是不重复.代码如下:Javascript代码复制代码代码如下:// 定义存放生成随机数的数组 var a...

转义字符（）对JavaScript中JSON.parse的影响概述

2017年02月06日 15 阅读

按照ECMA262第五版中的解释，JSON是一个提供了stringify和parse方法的内置对象，前者用于将js对象转化为符合json标准的字符串，后者将符合json标准的字符串转化为js对象。json标准参考<a href="http://json.org/" target="_blank">json.org</a>。（其实将符合json标准的字符串转化为js对象可以用eval，但是eval性能相对差且存在安全隐患（会执行jso...

非常好用的JsonToString 方法简单实例

2017年02月06日 18 阅读

非常好用的JsonToString方法Jsontostring代码复制代码代码如下:function JsonToString（o） { var arr = []; var fmt = function（s） { if （typeof s == "object" && s ！= null） return JsonToStr（s）; return /^（string|number）$/.test（typeof s）？ """ + s + """ ...

JS获取鼠标坐标的实例方法

2017年02月06日 19 阅读

复制代码代码如下:var restrictX; var restrictY; var tip; // 鼠标坐标 function mousePosition（ev） { return { x : ev.clientX + document.documentElement.scrollLeft - document.documentElement.clientLeft, y : ev.clientY + document.documentElement...

javaScript NameSpace 简单说明介绍

2017年02月06日 18 阅读

打造JavaScript命名空间其实很简单，只需要将自己的函数、对象、变量等放在一个伪命名空间中，即用一个匿名函数包装起来。复制代码代码如下:（function（）{ function $（id）{ return document.getElementById（id）; } function alertNodeName（id）{ alert（$（id）.nodeName）; } }）（）; 使用这种伪命名空间可以封装并保护自己的所有函数...

gridpanel动态加载数据的实例代码

2017年02月06日 16 阅读

复制代码代码如下:<script type="text/javascript">function editEsOrder（options,success,response）{if （success）{var tagModelManager_maxOrderIdJson=Ext.util.JSON.decode（response.responseText）;var orderValue = tagModelManager_maxOrderIdJ...

去掉gridPanel表头全选框的小例子

2017年02月06日 20 阅读

给gridpanel 加上listener即可复制代码代码如下:,listeners:{render:function（）{var hd_checker = this.getEl（）.select（"div.x-grid3-hd-checker"）;if （hd_checker.hasClass（"x-grid3-hd-checker"）） { hd_checker.removeClass（"x-grid3-hd-checker"）; }}}...

GRID拖拽行的实例代码

2017年02月06日 17 阅读

---------------------GRID拖拽行的实例代码单行拖拽---------------------------------------复制代码代码如下://创建第一个GRIDvar firstGrid = new Ext.grid.GridPanel（{ddGroup : "secondGridDdGroup",//这里是第二个GRID的ddGroupstore : firstGridStore,enableDragDrop : tr...

JavaScript实现复制功能各浏览器支持情况实测

2017年02月06日 17 阅读

这两天在做Web前端时，遇到需求通过js实现文本复制的功能。先不考虑浏览器的兼容性，看看各浏览器对复制功能的支持情况： 1、IE浏览器，解决方法有三种，代码如下：复制代码代码如下: function copy（txtid）{ var txtObj = document.getElementById（txtid）; if（window.clipboardData）{ // 仅IE支持此对象，firefox、chrome不支持 //1、通过clipboa...

利用div+jquery自定义滚动条样式的2种方法

2017年02月06日 18 阅读

最近做项目中有一个模块是用于实时监控的，左边有个菜单栏用于显示所有的设备，那当然是从数据库中动态获取的了，右边是个iframe用于显示监控画面。本来这个功能并不复杂，左边的菜单项是利用dtree.js来实现的，可时当功能实现完成之后，却发现一个问题，就是左边菜单栏中的设备名有的会很长，会超出了div的长度，准确说是左边iframe的宽度和长度不够。那么，这时就必须要利用滚动条了，可以设置左边菜单项div的overflow-x:auto;overlfow-y...

公共js在页面底部加载的注意事项介绍

2017年02月06日 18 阅读

JavaScript脚本文件都放在页面底部加载，可以有效地加快页面的加载速度。但是，php控制器一般这样写: 复制代码代码如下: $this->load->view（$HEADER）; $this->load->view（$MENU）; $this->load->view（$VIEW_SHOW, $data）; $this->load->view（$FOOTER）; $FOOTER是个共用模版，用于加载...

jquery 跳到顶部和底部动画2句代码简单实现

2017年02月06日 20 阅读

复制代码代码如下: <！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>Untitled Page&...

javascript判断非数字的简单例子

2017年02月06日 20 阅读

复制代码代码如下:<html><head><title>判断是否为数字及空格</title><script type="text/javascript" src="jquery.min.js"></script> //这里有无也无所谓<script type="text/javascript">function check_num（） //建立函数{ var Num=do...

GridView中获取被点击行中的DropDownList和TextBox中的值

2017年02月06日 20 阅读

aspx页面代码：通过点击GridView中的a标签获取被点击行中的下拉框和文本框中的值复制代码代码如下: <asp:GridView ID="GridView1" runat="server"> <Columns> <asp:BoundField HeaderText="ID" DataField="ID" /> <asp:BoundField HeaderText="Name" DataField="ID"...

jquery的flexigrid无法显示数据提示获取到数据

2017年02月06日 20 阅读

升级了IE10，发现flexigrid无法显示数据，提示获取到了数据，但没任何报错任何显示。截图如下。跟踪代码，发现内部是生成了td,tr和要显示的数据，但没有显示出来。经过试验和跟踪，修改如下。在addData中修改复制代码代码如下: $（t）.append（tbody）; 为 $（t）.append（"<table cellpadding=0 cellspacing=0>"+tbody.outerHTML + "</tabl...

鼠标焦点离开文本框时验证的js代码

2017年02月06日 18 阅读

利用js来验证文本框的值复制代码代码如下: <script> function onblurs（）{ if（frm.name.value==""）{ alert（"请输入您的名字！"）; }else if（frm.funny.value==""）{ alert（"爱好不得为空哦！"）; } } </script> <form name="frm"> <tr> <td>你的姓名：</td&...

JavaScript将相对地址转换为绝对地址示例代码

2017年02月06日 15 阅读

在看LABjs源代码时，发现里面有个将相对地址转为绝对地址的函数，将其拿出纪录如下：复制代码代码如下: function canonical_uri（src, base_path） { var root_page = /^[^？#]*//.exec（location.href）[0], root_domain = /^w+:///？[^/]+/.exec（root_page）[0], absolute_regex = /^w+:///; // is `...

jquery动态添加删除div 具体实现

2017年02月06日 19 阅读

复制代码代码如下:<script type=”text/javascript” src=”jquery.js”></script><body><form action=”" method=”post” enctype=”multipart/form-data”><label>请选择上传的图片</label><a href=”javascript:addimg（）” >增加...

首页 / 脚本样式 / JavaScript

javascript和HTML5利用canvas构建猜牌游戏实现算法

Javascript和HTML5利用canvas构建Web五子棋游戏实现算法

JS随机生成不重复数据的实例方法

转义字符（）对JavaScript中JSON.parse的影响概述

非常好用的JsonToString 方法 简单实例

JS获取鼠标坐标的实例方法

javaScript NameSpace 简单说明介绍

gridpanel动态加载数据的实例代码

去掉gridPanel表头全选框的小例子

GRID拖拽行的实例代码

JavaScript实现复制功能各浏览器支持情况实测

利用div+jquery自定义滚动条样式的2种方法

公共js在页面底部加载的注意事项介绍

jquery 跳到顶部和底部动画2句代码简单实现

javascript判断非数字的简单例子

GridView中获取被点击行中的DropDownList和TextBox中的值

jquery的flexigrid无法显示数据提示获取到数据

鼠标焦点离开文本框时验证的js代码

JavaScript将相对地址转换为绝对地址示例代码

jquery动态添加删除div 具体实现

非常好用的JsonToString 方法简单实例