js
js
我很好请走开谢谢
这个作者很懒,什么都没留下…
展开
-
layui弹出“加载中”
layui原创 2023-02-04 15:03:59 · 928 阅读 · 0 评论 -
33 字符串对象
字符串对象 //在js中,中文英文都是都是占一个字符 var str ='houdunren';// document.write(str.length);// 获得字符串3号位置// var re = str.charAt(3); var re = str[3]; document.write(re); // 获得字符串中位置的Unico...原创 2019-05-03 12:07:31 · 226 阅读 · 0 评论 -
34 字符串替换 查找字符串位置
只能替换一个 var str='houdunren houdunsheng'; var rre =str.replace('hou','******'); document.write(rre);一次性全部替换 var str='后盾人a后盾网a后盾论坛'; while(str.match('后盾')) { str = str.replace('后...原创 2019-05-08 19:55:33 · 168 阅读 · 0 评论 -
35 数学对象 随机数
// 取绝对值// var re=Math.abs(-10) // 四舍五入 round四舍五入后的结果一定是整数// var re=Math.round(9.48);// 向上取整// 如果是整数,向上向下取整还是它本身// var re =Math.ceil(5.6);// 向下取整// var re = Math.floor(4)...原创 2019-05-08 20:36:42 · 350 阅读 · 0 评论 -
37 BOM定时器
定时器函数有两种1、多长时间就执行一次2、多长时间只执行一次// function hi()// {// alert('apeach hello');// }// // 此形式等同于// setInterval (function ()// {// alert("我也是定时器执行的");// },3000); /...原创 2019-05-08 21:21:36 · 236 阅读 · 0 评论 -
38 history location 对象
history <script type="text/javascript"> // alert(history.length); setTimeout(function(){// 返回上一个访问记录 history.back() ; ***最重要的用法*** },3000); </script>...原创 2019-05-08 21:46:32 · 178 阅读 · 0 评论 -
39 事件初识 鼠标事件详情 40 事件绑定 事件监听
1.怎么样了谁,然后怎么怎么样怎么样了 事件触发条件谁 事件源然后怎么怎么样 事件处理程序 <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #hd{ width:500px; ...原创 2019-05-11 08:44:02 · 155 阅读 · 0 评论 -
41 获得和设置元素行内样式
1.获得元素行内样式<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> </style> <script type="tex...原创 2019-05-11 09:50:00 · 636 阅读 · 0 评论 -
42 图片点击隐藏 js运动效果原理
图片点击隐藏<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> window.onload=function(){// 给按钮加单击事...原创 2019-05-12 08:18:30 · 181 阅读 · 0 评论 -
43 图片自动显隐效果 图片加速跑 图片折返跑
1.点击按钮自动切换图片的显隐状态<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> window.onload=function(){...原创 2019-05-12 09:14:04 · 479 阅读 · 0 评论 -
44 三种数据调试方法 dom抓元素
document <script type="text/javascript">// 获得title标签中的内容// alert(document.title); // 设置title标签中的内容 document.title="我是新的哦!"; </script> console.log(new_left);//调试方法...原创 2019-05-12 10:31:06 · 331 阅读 · 0 评论 -
45 对元素内容获得和设置 倒计时效果 乾坤大挪移
1、对元素内容获得和设置<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>后盾人 人人做后盾</title> <script type="text/javascript"> window.onload=func...原创 2019-05-12 12:11:52 · 131 阅读 · 0 评论 -
45 对元素属性的操作 年会抽奖效果
1.对元素属性的操作<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>后盾人 人人做后盾</title> <script type="text/javascript"> window.onload=function(){...原创 2019-05-12 12:45:50 · 157 阅读 · 0 评论 -
32 数组去重复 和 冒泡排序 和 简单排序
数组去重复 var arr=['a','b','c','a','a','d','e','c','f','d']; function quchongfu(arr) { for(var i=0;i<arr.length;i++) { for(var j=i+1;j<arr.length;j++) { if(a...原创 2019-05-03 11:34:17 · 143 阅读 · 0 评论 -
29 用原生形式创建对象 30用于创建手机的构造函数 31 数组对象
**用原生形式创建对象** var iphone9={ color:'土豪金', price:'8800', size:'5.5', weight:'220g', chat:function() { alert('能聊天') }, call:function() { alert('能打电话') } };// ...原创 2019-05-03 09:52:30 · 137 阅读 · 0 评论 -
04 js的输出工具
输出工具 今日总结: alert() 弹框,会以文本的原格式输出 document.write(); 输出到页面 等同于HTML中的body prompt("提示文字","默认值") 输入框<head> <meta charset="UTF-8"> <title></title> <...原创 2019-05-02 20:53:12 · 134 阅读 · 0 评论 -
05 js的注释和变量声明
js 的注释 <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> //是行级注释 /* 是块级注释 */ // 先声明后赋值// 声明变量 var...原创 2019-05-02 21:07:51 · 161 阅读 · 0 评论 -
06 变量声明的注意事项 07 变量特点 分号的用法
变量声明的注意事项严格区分大小写变量声明必须以字母或者_ 或者开头,余下的部分可以是任意的数字或者或者开头,余下的部分可以是任意的数字或者_ 或者开头,余下的部分可以是任意的数字或者或者开头,不能用关键字或者保留字 命名javascript 自己的命名习惯 驼峰命名法命名要有一定的意思变量特点 分号的用法1.JavaScript 可以在HTML页面中任何位置进行调用,但是他们还...原创 2019-05-02 22:42:48 · 245 阅读 · 0 评论 -
08 六大数据类型
初始类型(基本类型)undefinednullnumber(整数和小数)都是数值类型string 表示字符串 比如“桃子”凡是用引号完整包裹的数据类型就是字符串 数字是不会加引号的。boolean(布尔值)布尔值只有两个值 真和假2.引用类型object(class) 对象 var hd={}; <script type="text/javascrip...原创 2019-05-02 23:02:36 · 164 阅读 · 0 评论 -
09 字符串拼接的小例子
<script type="text/javascript"> // var hd = prompt("请输入您的姓名");// // document.write(hd); // 在字符串中将变量独立出来的方法: 将变量// 两侧都变成完整的字符串,然后用加号连接 // +加号如果在字符串中间,表示连接字符串 v...原创 2019-05-02 23:22:21 · 254 阅读 · 0 评论 -
10 算术运算符 11 关系运算符 12 逻辑运算符
算术运算符1.Js的运算能力一般 ,一般不用来进行精准的运算 2.如果加号两边是字符串,那么加号就用来连接字符串3.如果加号两边都是数字,那么加号就表示加法运算4.如果加号两边一个数字,一个字符串的话,那么也是用来连接字符串5.可以取余6. ++x --x (规则同C语言中的) var re =1+1 ; var ree = '嘻嘻'+5; document.w...原创 2019-05-03 00:14:19 · 307 阅读 · 0 评论 -
13 if判断 14 switch判断 15 自定义运算效果
单路分支 if双路分支 if else如果是一个完整的if判断体,只要其中一个条件判断成功,剩下的都不再判断if()else ifelse ifelse if嵌套分支 if里面套ifswitch判断 var num=5; switch(num) { case 1: document.write("向东走");break; case 2...原创 2019-05-03 00:36:29 · 207 阅读 · 0 评论 -
19 自定义行列数的隔行变色表格
<style type="text/css"> .hd{ background: purple; color :white; /*文字颜色;*/ } </style> <script type="text/javascript"> var rows = prompt('请输入行数'); ...原创 2019-05-03 01:24:26 · 231 阅读 · 0 评论 -
21 函数的创建方式 22 带参函数及返回 23 变量域的作用
函数:使程序更加简洁,逻辑条理,调用方便,维护更加容易。 <!--用基本语法创建函数--> <script type="text/javascript">// 函数相当于一个工厂,帮我们实现一个功能 function sanjiao() { for(var i=0;i<=5;i++) { for(var j=0;j<...原创 2019-05-03 06:57:48 · 97 阅读 · 0 评论 -
24 内置顶层函数
Number 转换成数值类型(必须大写)布尔值类型 true 1 false 0如果是数字,转换成本身,将无意义的0去掉如果是undefined 则转换成NAN如果是字符串1.只有数字,则将无意义的0去掉2.整数,浮点数,直接输出3.空字符串,转换成04.其他的值,则返回NANparseInt 提取出整数部分1、把包含数字的整数部分提出来2、会自动忽略字符串前面的空格,直...原创 2019-05-03 07:16:16 · 388 阅读 · 0 评论 -
25 数组
数组的创建 // 用隐形方式创建数组 var fruits=['apple','xigua','shuimitao'];// 是对象数据类型 很多属性和方法的集合体// 数组的下标从0开始// 数组中的单个元素可以是任何类型的数据// 数组的替换 fruits[0]='mangguo';// 新增元素 fruits[3]='榴莲'; ...原创 2019-05-03 07:48:04 · 206 阅读 · 0 评论 -
03 js在页面中的引入方式
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <!--如果script是用来引用js文件的, 那么这个script标签中间就不能写任何js 也就是引入式写法里面不能加 嵌入式写法-->...原创 2019-05-02 20:40:43 · 161 阅读 · 0 评论