M_SIDAER-优快云博客

原创重回js—切换图片

一、点击切换按钮切换图片设置一个开关变量onoff,点击按钮一次改变onoff的值 img.src=”图片路径”;可以显示一张图片<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns

2016-12-07 22:23:48 385

原创重回JS—基础2

1、javascript的innerHTML 作用：读取页面中的所有html写：元素.innerHTML=”新内容” 内容就是html代码，可以加入新的标签等 PS:什么时候用innerHTML，什么时候用value? 表单元素用value，其他非输入（表单）类元素用innerHTML:如div, span,em等2、在js中不能出现中划线‘-’如font-size 需写成fontsize3、

2016-12-05 20:59:04 450

原创重回JS—简单选择器（练习）

摘要： 1、遮罩两个条件：背景色（黑色）+透明度如：background:#000;opacity:0.3; 注意：遮罩元素的定位 2、去除button标签的默认样式 border:none；即可 3、line-height:2 和 line-height:2px 的区别举例说明： .span2{font-size:16px ;

2016-12-02 20:30:28 396

原创重回JS —JS基本

先说两句 1、html写框架、css写样式、javascript写动态效果 2、javascript严格区分大小写一、javascript事件 onclick鼠标点击事件（包含了onmousedown和onmouseup两个动作） onmouseover鼠标移入事件 onmouseout鼠标移出事件 onmousedown 在鼠标按下时触发 onmouseup 鼠标松开事件onm

2016-12-01 21:51:25 335

原创 html5—拖放事件

draggable —设置为true，元素就可以拖拽了1、拖拽元素事件：事件对象为被拖拽元素dragstart ：拖拽前触发drag：拖拽前和拖拽结束之间连续触发dragend：拖拽结束触发2、目标元素事件：事件对象为目标元素 - dragenter：拖着进入目标元素触发，相当于mouseover - dragover：进入目标、离开目标之间，连续触发 - dragleave：

2016-10-17 09:59:25 374

原创 html5—历史管理（通过跳转页面））

历史管理（通过跳转页面）window.onhashchange — 改变hash值（#x）来管理用途：可以做成不改变网址，仅改变hash值进行历史管理（window.location.hash）练习：做一个随机彩票页面，可以通过历史管理返回即从1~35随机选择7个数，但这7个数不能出现重复<body><input type="button" value="生成彩票" ><span></sp

2016-10-16 22:17:13 646

原创 html5 — data自定义数据

data自定义数据— datasetdatasetdata-name(属性): dataset.name（js获取） data-name-first : dataset.nameFirst PS：data数据在很多框架和库（如jquery mobile）中有着重要作用<body><div data-name='你好' id='div1'></div><script> var oD

2016-10-16 21:42:04 434

原创 html5 — JSON的新方法

JSON的新方法1、JSON.parse() —把字符串转成json 注意：字符串中的属性要严格的加上引号<body><script> var str='{"name":"a","sex":"m"}';//字符串中的属性要严格的加上引号 var json=JSON.parse(str);//把字符串转成jsonalert(json.name);</script></bod

2016-10-16 21:29:44 1332

原创 html5 — 获取class列表属性

classList用classList获取一个元素的class集合，类数组对象基于classList的方法： —length : class的长度 —add() : 添加class方法 —remove() : 删除class方法 —toggle() : 切换class方法（切换是指没有class集合中没有这个类则增加，有这个类则删除）<ul> <li id='li2' class='

2016-10-16 20:58:03 2391

原创 html5 新的选择器

html5 新的选择器1、querySelector类似于jq里的$()方法，但是只能取到第一个元素<body><ul> <li class="li2"></li> <li class="li2"></li></ul><script> var oLi=document.querySelector(".li2"); oLi.style.backgroundColo

2016-10-16 20:36:17 1363

M_SIDAER的博客