一段html5代码求解

html-css013

一段html5代码求解,第1张

首先这一段代码并不是html5的javascript新特性,而是引用的jquery插件库

这一段代码的主要功能是向一个地址发送了一个ajax请求,代码根据返回结果执行不同的操作

传值2进入的话,ajax请求中的tran_type将被赋值为2,id为calc_list的元素中的data-url属性是请求地址

当请求成功时,根据返回结果的code的值执行相应操作

为4时,弹出错误信息

为50时,跳转页面

其他值时,更改链接下p标签的样式(移除class:buttom-my2,新增class:buttom-my1),并修改一些链接下元素的文本(修改id为w_rank,t_rank,log_credit,tran_name的元素文本为服务器返回值)

让我们来看一下Canvas内置的简单几何图形

矩形的绘制。在Canvas中,绘制矩形有三种方法:填充(fillRect)、描边(StrokeRect)以及清除(clearRect)。当然,我们也可以使用“路径”来描绘包括矩形在内的所有图形。

以下是上述三种方法的API:

1.fillRect(x,y,width,height)。绘制一个从(x,y)开始,宽度为width,高度为height的实心矩形。

2.strokeRect(x,y,width,height)。绘制一个从(x,y)开始,宽度为width,高度为height的矩形框。该矩形框会根据当前设置的strokeStyle、lineWidth、lineJoin和miterLimit属性的不同而渲染成不同的样式。

3.clearRect(x,y,width,height)。清除从(x,y)开始,宽度为width,高度为height的矩形区域,使之完全透明。

在调用上述方法绘制Canvas之前,我们需要设定填充和描边的样式。设定这些样式最基本的方法是使用24位色(用16进制字符串表示)。以下是一个简单的例子:

代码如下:

context.fillStyle

=

"#000000"

context.strokeStyle

=

"#ff00ff"

在下面的例子中,填充色设定为黑色,而描边色则设定为紫色:

代码如下:

function

drawScreen()

{

context.fillStyle

=

"#000000"

context.strokeStyle

=

"#ff00ff"

context.lineWidth

=

2

context.fillRect(10,

10,

40,

40)

context.strokeRect(0,

0,

60,

60)

context.clearRect(20,

20,

20,

20)

}

代码执行结果如下图所示:

html5本地存储实例详解之创建

1

首先我们新建一个html5的空白文档,小编这里演示用的是Dreamweaver CS6,当然其他文本编辑器也可以。

2

保存之后开始构建html,我们这里示例用一个文本框两个按钮和一个显示数据的div,如下图:

3

之后写js事件,当点击“保存”的时候,把文本框的内容保存到sessionStorage中,当点击“显示”的时候,把保存的数据从sessionStorage中读取出来显示在页面上。

4

完整代码如下,我们可以在浏览器预览,然后点击试试效果,可以发现能够存储和显示。

5

按F12打开控制台,找到sessionStorage,会发现其是用键值对的方式存储数据的。

6

localStorage跟sessionStorage类似,只是localStorage只要不删除就会永久存储在电脑上,而sessionStorage只要关闭了页面就没有了,这里小编就不再演示了。

END

html5本地存储实例详解之删除

html5本地存储的删除其实也很简单,也是打开控制台找到相应的存储信息,在上面右击删除即可。

点击删除之后需要刷新一次页面就会看到本地存储的数据已经删除了。

3

如果用代码的话,就是.removeItem(key)这个了。