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 · 5533 阅读 · 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 · 842 阅读 · 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 · 586 阅读 · 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 · 347 阅读 · 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 · 519 阅读 · 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 · 332 阅读 · 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 · 296 阅读 · 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 · 6445 阅读 · 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 · 299 阅读 · 0 评论