随笔分类 - HTML5 & Javascript
摘要：一款用CSS控制背景图像平铺，从而实现区域边框阴影的效果，虽然用到了图片，但可贵之处是本代码不管你需要阴影的区域是多大，它都能自动适应，因些还是很值得收藏一下的，兼容所有的IE浏览器。CSS边框阴影CSS阴影： 这段边框阴影效果怎么样呢？效果图需要两张图片
阅读全文
摘要：在javascript、Jquery里面好像是没有String.format();这个函数的，所以我们在拼接字符串的时候就特别的辛苦，生怕又打错，而且又乱，所以就自己去写一个函数来代替。 是从0位开始的。 建议自己把这些东西写进一个js文件，每次使用就调用可以了
阅读全文
摘要：建议改用console.log(data);输出结果 谷歌浏览器结果 还有一种方法就是修改后台代码 alert出来的结果是object xml document,这让我很费解，输出的是字符串，为什么传输的是xml格式？ response.setContentType("text/html;chars
阅读全文
摘要：让我猜猜你心中的牌，先随机生成27张牌，不能重复列出三列牌，然后记住其中一张，然后点击牌所在的列，多次就可以猜出你想的牌。如果是9张只要猜2次，如果是27张就是猜3次。实现方法（27张）：如果点击了第三列，那就是说牌一定在这9张里面，就把第三列的9张牌平均给每列分3张，假设编号为123，456，78...
阅读全文
摘要：HTML5 利用canvas构建Web五子棋游戏程序设计这只是一个简单的javascript和HTML5小程序，没有实现人机对战。五子棋棋盘落子点对应的二维数组。数组的元素对应落子点。比如数组元素值为0表示该元素对应的落子点没有棋子，数组元素值为1表示该元素对应的落子点有白棋子，数组元素值为2表示该元素对应的落子点有黑棋子；判断五子棋赢棋的算法是通过对五子棋棋盘落子点对应的二维数组的操作来实现的。判断五子棋赢棋算法下边的函数可以实现判断五子棋赢棋的算法，也可以按照教材中相应的算法实现。其中函数的参数xx.yy为数组下标，chess数组实现五子棋棋盘落子点的数据结构映射。算法的思想方法是：以当前
阅读全文
摘要：HTML5 Web Database 数据库的使用方法备注：请使用chrome浏览器//openDatabase方法打开已经存在的数据库，如果不存在将会创建一个数据库，参数分别是 数据库的名称，版本，数据库的描述，和数据大小 var db = window.openDatabase("mydatabase", "1.0", "我的数据库描述", 20000);数据库的SQL语句的使用方法dbname.transaction(function (tx) { tx.executeSql(sql); });<!DOCTYPE html
阅读全文
摘要：使用HTML5Web存储的localStorage方式进行编写一个Web页面。功能是一个简易的Web留言板。留言板信息可以永久保存。并能清楚留言板内容。参考页面如下图：<!DOCTYPE html><html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title>
阅读全文
摘要：使用HTML5Web存储的localStorage和sessionStorage方式进行Web页面数据本地存储。页面参考如下图，能将页面上的数据进行本地存储。并能读取存储的数据显示在页面上。localStorage（本地存储）,可以长期存储数据，没有时间限制，一天，一年，两年甚至更长，数据都可以使用。sessionStorage（会话存储），只有在浏览器被关闭之前使用，创建另一个页面时同意可以使用，关闭浏览器之后数据就会消失。某个博主的测试localStorage兼容情况，如下：Chrome4+ 开始支持localStorageFirefox3.5+开始支持localStorageFirefo
阅读全文
摘要：1. avaScript没有提供直接定义二维数组的方法，但可以使用定义数组的数组来定义JavaScript二维数组：例如定义一个 4X3二维数组a可以采用如下方法： var a=new Array(); a[0]=new Array(); a[1]=new Array(); a[2]=new Arr
阅读全文
摘要：顾名思义，Object是对象的意思，所有的东西都可以成为对象，人是一个对象，兔子是一个对象，木头也可以是对象。Object是属性的集合，属性是用来描述对象的特征的。例如，人的姓名是一个属性，年龄也是属性。每一个属性都有它的的名称和值。 属性的使用是用 . 指定
阅读全文
