JavaScript
关注
分享
扫一扫
JavaScript
做梦吃星星
记录本人学习python、HTML、css、js、Linux等的过程。
展开
-
038--Hbuilder--js--浩克游戏—浩克行走
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <link rel="shortcut icon" href="//www.baidu.com/favicon.ico" type="image/x-icon"/> <style type="text/css"> *{ margin: 0;原创 2020-10-30 17:44:44 · 268 阅读 · 0 评论 -
037--Hbuilder--js--图片运动
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <link rel="shortcut icon" href="//www.baidu.com/favicon.ico" type="image/x-icon"/> <style type="text/css"> div{ position: r原创 2020-10-27 11:51:54 · 956 阅读 · 0 评论 -
036 --Hbuilder--js--放大镜，将图片局部放大
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <link rel="shortcut icon" href="//www.baidu.com/favicon.ico" type="image/x-icon"/> <style type="text/css"> *{ margin: 0;原创 2020-10-27 11:51:19 · 1488 阅读 · 1 评论 -
035--Hbuilder--js--获取鼠标位置之拖拽效果
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <link rel="shortcut icon" href="//www.baidu.com/favicon.ico" type="image/x-icon"/> <style type="text/css"> *{ margin: 0;原创 2020-10-27 11:43:38 · 392 阅读 · 0 评论 -
034--Hbuilder--js--获取鼠标位置
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <link rel="shortcut icon" href="//www.baidu.com/favicon.ico" type="image/x-icon"/> <style type="text/css"> *{ margin: 0;原创 2020-10-27 11:43:15 · 218 阅读 · 0 评论 -
033--Hbuilder--js--事件处理函数event
当事件处理函数执行的时候，系统会自动注入实参，我们用形参接受“事件对象”。在不同浏览器事件对象有兼容问题，可以使用短路语句进行兼容。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <link rel="shortcut icon" href="//www.baidu.com/favicon.ico" type="image/原创 2020-10-27 11:42:38 · 443 阅读 · 0 评论 -
019--Hbuilder--js--淘宝二级菜单的简单制作
考察的都是基础知识<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <link rel="shortcut icon" href="//www.baidu.com/favicon.ico" type="image/x-icon"/> <style type="text/css"> *{ mar原创 2020-10-26 01:38:56 · 1979 阅读 · 0 评论 -
018--Hbuilder--js--闭包案例--批量添加事件
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <link rel="shortcut icon" href="//www.baidu.com/favicon.ico" type="image/x-icon"/> <style type="text/css"> *{ margin: 0;原创 2020-10-26 01:38:03 · 159 阅读 · 0 评论 -
017--Hbuilder--js--DOM获取节点的全部方法
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <link rel="shortcut icon" href="//www.baidu.com/favicon.ico" type="image/x-icon"/> </head> <body> <ul> <li>原创 2020-10-26 01:37:43 · 507 阅读 · 0 评论 -
016--Hbuilder--js--怎么用鼠标进行多行输入、多行同时编辑
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <link rel="shortcut icon" href="//www.baidu.com/favicon.ico" type="image/x-icon"/> </head> <body> <ul> <li>原创 2020-10-26 01:37:02 · 2539 阅读 · 0 评论 -
015--Hbuilder--js--一次产生几十上百个同样标签的快捷方法
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <link rel="shortcut icon" href="//www.baidu.com/favicon.ico" type="image/x-icon"/> </head> <body> <ul> li*20 &l原创 2020-10-26 01:36:36 · 1874 阅读 · 1 评论 -
014--Hbuilder--js--将单词的首位字母改成大写
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <link rel="shortcut icon" href="//www.baidu.com/favicon.ico" type="image/x-icon"/> </head> <body> </body></html&g原创 2020-10-26 01:35:53 · 413 阅读 · 0 评论 -
013--Hbuilder--js--将字符串中所有大写字母改成小写，所有小写字母改成大写
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <link rel="shortcut icon" href="//www.baidu.com/favicon.ico" type="image/x-icon"/> </head> <body> </body></html&g原创 2020-10-26 01:35:21 · 1002 阅读 · 0 评论 -
012--Hbuilder--js--倒置字符串
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <link rel="shortcut icon" href="//www.baidu.com/favicon.ico" type="image/x-icon"/> </head> <body> </body></html&g原创 2020-10-26 01:34:53 · 258 阅读 · 0 评论 -
011--Hbuilder--js--按要求倒置数组
数组一共有九个元素，倒置五位元素，倒置结果为：【9，8，7，6，5，1，2，3，4】<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <link rel="shortcut icon" href="//www.baidu.com/favicon.ico" type="image/x-icon"/> </head&原创 2020-10-26 01:34:29 · 409 阅读 · 0 评论 -
010--Hbuilder--js--表达式形式函数和关键字形式的函数
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <link rel="shortcut icon" href="//www.baidu.com/favicon.ico" type="image/x-icon"/> </head> <body> </body></html&g原创 2020-10-26 01:34:00 · 367 阅读 · 0 评论 -
09--Hbuilder--js--判断一个数是不是完美数
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <link rel="shortcut icon" href="//www.baidu.com/favicon.ico" type="image/x-icon"/> </head> <body> </body></html&g原创 2020-10-25 11:31:32 · 434 阅读 · 0 评论 -
08--Hbuilder--js--是否为水仙花数的判断、遍历100-1000之间的水仙花数
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <link rel="shortcut icon" href="//www.baidu.com/favicon.ico" type="image/x-icon"/> </head> <body> </body></html&g原创 2020-10-25 11:28:36 · 650 阅读 · 0 评论 -
07--Hbuilder--js--面对对象思想的培养之定义函数和调用函数。
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <link rel="shortcut icon" href="//www.baidu.com/favicon.ico" type="image/x-icon"/> </head> <body> </body></html&g原创 2020-10-25 11:25:34 · 677 阅读 · 0 评论 -
06--Hbuilder--js--switch case语句的使用
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <link rel="shortcut icon" href="//www.baidu.com/favicon.ico" type="image/x-icon"/> </head> <body> </body></html&g原创 2020-10-25 11:22:51 · 849 阅读 · 1 评论 -
05--Hbuilder--js--判断一个人是否可以结婚
如果是男生，大于等于22岁才可以结婚，否则不能。如果是女生，大于等于18岁才可以结婚，否则不能。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <link rel="shortcut icon" href="//www.baidu.com/favicon.ico" type="image/x-icon"/> <原创 2020-10-25 11:19:12 · 389 阅读 · 0 评论 -
04--Hbuilder--js--基本运算符的使用
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>百度一下,你就知道</title> <link rel="shortcut icon" href="//www.baidu.com/favicon.ico" type="image/x-icon"/> </head> <body> </body>&l原创 2020-10-25 11:13:27 · 663 阅读 · 0 评论 -
032--Hbuilder--js--鼠标的移动、点击、抬起事件
当鼠标按下的时候，屏幕为红色；鼠标抬起的时候，屏幕为蓝色；鼠标移动的时候，颜色随机，不断移动，颜色不断变换。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <link rel="shortcut icon" href="//www.baidu.com/favicon.ico" type="image/x-icon"/>原创 2020-10-25 11:06:39 · 1724 阅读 · 0 评论 -
031--Hbuilder--js--聚焦、失焦情况下判断输入是否为手机号码
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <link rel="shortcut icon" href="//www.baidu.com/favicon.ico" type="image/x-icon"/> </head> <body> <p> 请输入<inpu原创 2020-10-25 11:06:05 · 256 阅读 · 0 评论 -
030--Hbuilder--js--鼠标移入移出边框变化
参考淘宝的图片移入移出边框的变化。效果类似<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <link rel="shortcut icon" href="//www.baidu.com/favicon.ico" type="image/x-icon"/> <style type="text/css">原创 2020-10-25 11:05:31 · 649 阅读 · 0 评论 -
029--Hbuilder--js--鼠标移入移出变化
鼠标移入变化图片，移出返回原来图片。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <link rel="shortcut icon" href="//www.baidu.com/favicon.ico" type="image/x-icon"/> <style type="text/css"> i原创 2020-10-25 11:04:48 · 1356 阅读 · 1 评论 -
028--Hbuilder--js--事件绑定、信号量思想2
点击按钮可以切换下一张图片，一共五张照片，轮回切换。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <link rel="shortcut icon" href="//www.baidu.com/favicon.ico" type="image/x-icon"/> <style type="text/css".原创 2020-10-24 18:59:52 · 311 阅读 · 0 评论 -
027--Hbuilder--js--信号量思想1
目的：单次点击使字体变大，一直点击一直变大，当变大为40的时候结束，字体不再变大。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>你好</title> <link rel="shortcut icon" href="//www.baidu.com/favicon.ico" type="image/x-icon"/> <style原创 2020-10-24 17:27:53 · 153 阅读 · 0 评论 -
026--Hbuilder--js--事件的绑定
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>你好</title> <link rel="shortcut icon" href="//www.baidu.com/favicon.ico" type="image/x-icon"/> <style> *{ margin:0; padding:0; }原创 2020-10-24 17:00:23 · 302 阅读 · 0 评论 -
025--Hbuilder--js--操作节点样式
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <link rel="shortcut icon" href="//www.baidu.com/favicon.ico" type="image/x-icon"/> </head> <body> <p id="haha1" style="原创 2020-10-24 16:12:02 · 249 阅读 · 0 评论 -
024--Hbuilder--js--获取和修改节点文本
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <link rel="shortcut icon" href="//www.baidu.com/favicon.ico" type="image/x-icon"/> </head> <body> <p id="haha1">我是新手原创 2020-10-24 15:41:39 · 280 阅读 · 0 评论 -
024--Hbuilder--js--获取和修改节点属性
<!DOCTYPE html><html> <head> <meta charset="utf-8" id="nihao1"> <title>你好啊</title> <link rel="shortcut icon" href="//www.baidu.com/favicon.ico" type="image/x-icon"/> <style type="text/css"> *{原创 2020-10-24 15:21:23 · 321 阅读 · 0 评论 -
23--Hbuilder-js--DOM方法getElementById的使用
<!DOCTYPE html><html> <head> <meta charset="utf-8" id="nihao1"> <title>你好啊</title> <link rel="shortcut icon" href="//www.baidu.com/favicon.ico" type="image/x-icon"/> <style type="text/css"> *{原创 2020-10-24 14:58:25 · 435 阅读 · 0 评论 -
22—Hbiulder--js--DOM的常见属性
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <link rel="shortcut icon" href="//www.baidu.com/favicon.ico" type="image/x-icon"/> </head> <body> </body></html&g原创 2020-10-24 14:14:34 · 303 阅读 · 0 评论 -
021—Hbuilder—js—闭包的使用2
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <link rel="shortcut icon" href="//www.baidu.com/favicon.ico" type="image/x-icon"/> </head> <body> </body></html&g原创 2020-10-24 13:20:50 · 188 阅读 · 0 评论 -
020—Hbuilder—js—闭包的简单使用
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <link rel="shortcut icon" href="//www.baidu.com/favicon.ico" type="image/x-icon"/> </head> <body> </body></html&g原创 2020-10-24 13:00:29 · 169 阅读 · 0 评论 -
03—Hbuilder—js—计算一个三位数的个、十、百位的和
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>哐一下,你就知道</title> <link rel="shortcut icon" href="//www.baidu.com/favicon.ico" type="image/x-icon"/> </head> <body> </body><原创 2020-10-23 21:18:09 · 1119 阅读 · 0 评论 -
01—Hbuilder—js—除法、取余数
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>哐一下,你就知道</title> <link rel="shortcut icon" href="//www.baidu.com/favicon.ico" type="image/x-icon"/> </head> <body> </body>&l.原创 2020-10-23 21:13:36 · 452 阅读 · 0 评论 -
02Hbuilder计算圆锥的体积
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>百度一下,你就知道</</title> <link rel="shortcut icon" href="//www.baidu.com/favicon.ico" type="image/x-icon"/> </head> <body> </body&g原创 2020-10-23 21:09:53 · 544 阅读 · 0 评论