JavaScript-demo
kumayato
誰だって、生きていくには、金も、夢も、必要だ!毎日頑張ります!
展开
-
switch语句查询水果价格
语法switch(n){case 1: 执行代码块 1 break;case 2: 执行代码块 2 break;default: 没有匹配的case时默认执行的代码}demo<html><head> <meta charset="UTF-8"> <title>Document</title> <script> window.on原创 2017-05-11 14:21:01 · 5263 阅读 · 0 评论 -
class类的封装
目的 : 解决了浏览器对document.getElementsByClassName()的兼容问题。思维导图:代码:<!DOCTYPE html><head> <meta charset="UTF-8"> <title>Document</title> <script> window.onload = function(){ fun原创 2017-05-11 15:16:43 · 782 阅读 · 0 评论 -
JS实现tab栏的切换
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> *{margin: 0px;padding: 0px;} #box{ margin: 50px auto; width:40原创 2017-05-11 17:22:14 · 505 阅读 · 0 评论 -
JS实现全选和反选
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <script> window.onload = function () { var btns = document.getElementById('top').children;原创 2017-05-11 17:26:01 · 285 阅读 · 0 评论 -
JS实现隔行变色
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> .box { width: 300px; } li { line-height: 30px;原创 2017-05-11 17:29:04 · 454 阅读 · 0 评论 -
oninput/ onpropertychange仿淘宝搜索框
oninput 大部分浏览器支持 检测用户表单输入内容onpropertychange ie678 检测用户表单输入内容<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> .search-1 { width原创 2017-05-11 17:40:56 · 291 阅读 · 0 评论 -
JS封装一个缓动运动框架
// 得到css样式function getStyle(obj,attr) { if (obj.currentStyle) { return obj.currentStyle[attr]; // ie浏览器 } else { return window.getComputedStyle(obj,null)[attr]; // 其他浏览器 }}原创 2017-05-20 18:28:45 · 257 阅读 · 0 评论 -
手写一个jsonp
(function (window,document) { "use strict"; var jsonp = function (url,data,callback) { // 1.将传入的data数据转化为url字符串形式 // {id:1,name:'zhangsan'} => id=1&name=zhangsan var data原创 2017-06-13 09:46:52 · 6360 阅读 · 2 评论 -
JS格式化时间
'use strict';// 对Date的扩展,将 Date 转化为指定格式的String// 月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符,// 年(y)可以用 1-4 个占位符,毫秒(S)只能用 1 个占位符(是 1-3 位的数字)// 例子:// (new Date()).Format("yyyy-MM-dd hh:mm:ss.S") ==原创 2017-07-06 15:11:08 · 253 阅读 · 0 评论