JavaScript
关注
分享
扫一扫
JavaScript
st紫月
这个人很懒，只想把你留下
展开
-
js调用摄像头录像
【代码】js调用摄像头录像。原创 2023-03-26 00:19:06 · 1081 阅读 · 0 评论 -
使用html+css+jQuery做一个每日任务列表
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>每日任务列表</title> <style> *{ margin: 0; padding: 0; box-sizing: border-box; } body{ background-color: aqua; } .div1{ width.原创 2021-10-19 16:49:50 · 781 阅读 · 0 评论 -
用js采集某云音乐的MySQL做一个音乐页面
/点歌api：http://wx0725.top/project/php/jiqiren/xiaodie.php?keyword=点歌+歌名&type=json<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <audio src="" id='myaudio'原创 2022-03-20 20:56:32 · 1059 阅读 · 0 评论 -
JS实现文字转语音功能的接口调用
文字转语音API：https://dds.dui.ai/runtime/v1/synthesize?voiceId=qianranf&speed=0.9&volume=50&text=你好speed：语速0-1volume：音量0-100text：文字内容<!DOCTYPE html><html lang="zh"> <head> <meta charset="UTF-8"> <meta name="v原创 2022-03-19 12:12:43 · 2097 阅读 · 3 评论 -
JavaScript快速入门
基础知识：1.获取单个元素：根据class获取元素：var a = document.querySelector('.div1');根据id获取元素：var a = document.querySelector('#div1');根据标签获取元素：var a = document.querySelector('li');2.获取数组元素：var lis = document.querySelectorAll('.div1 ul li');元素事件绑定：div1.addEventLi原创 2022-03-12 16:16:03 · 1166 阅读 · 1 评论 -
js控制滚动框滚动条在最底部
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>666</title> <style type="text/css"> .div1{ width: 500px; height: 300px; overflow-y: scroll; margin: auto; border: 1px solid原创 2022-03-07 10:53:27 · 1451 阅读 · 0 评论 -
Uncaught TypeError: Cannot set property ‘onclick‘ of null
在使用vue时报错Uncaught TypeError: Cannot set property ‘onclick’ of null，原因是因为vue项目是有加载顺序的，当页面还没加载完成时js代码就已经执行了，因为获取不到而报错，只需要把代码写在onload函数当中就行window.onload = function(){ var btn = document.querySelector('#btn'); btn.onclick = function(){ console.lo.原创 2021-10-19 17:16:54 · 550 阅读 · 0 评论 -
[Javascript_Util] throttle[节流]与debounce[防抖]的实现方法
```javascript防抖: 一定时间内多次操作,只取最后一次触发操作function debounce(method, delay) { let timer = null; return function() { let args = argument; let context = this; if(timer) { clearTimeOut(timer); timer = setTimerOut(function() { .转载 2021-10-10 23:01:17 · 187 阅读 · 0 评论 -
JavaScript使用正则表达式验证手机号是否正确
代码：yanzheng:function(e){ var phone = e.detail.value; var ab = /1[3,4,5,7,8][0-9]{9}$/; if (ab.test(phone) == false) { console.log("请正确填写手机号码!"); return false; } else{ console.log('手机号正确'); }}原创 2021-09-18 20:35:46 · 528 阅读 · 0 评论 -
jQuery《常用函数》
jQuery 文档操作 - prepend() 方法实例在 p 元素的开头插入内容：$(".btn1").click(function(){ $("p").prepend("<b>Hello world!</b>");});可以往元素当中插入包含HTML代码的字符串jQuery.each(obj,callback)：遍历数组和对象$.each( [0,1,2], function(i, n){alert( "Item #" + i + ": " + n );}原创 2021-05-31 08:50:47 · 77 阅读 · 0 评论 -
JavaScript移动端touch事件实现无缝滚动及下拉刷新
原文：https://blog.youkuaiyun.com/samfung09/article/details/81516340转载 2021-05-17 15:25:39 · 245 阅读 · 0 评论 -
JavaScript重新刷新页面
1。 reloadreload 方法，该方法强迫浏览器刷新当前页面。语法：location.reload([bForceGet]) 参数： bForceGet， 可选参数， 默认为 false，从客户端缓存里取当前页。true, 则以 GET 方式，从服务端取最新的页面, 相当于客户端点击 F5("刷新")reload() 方法用于重新加载当前文档。如果该方法没有规定参数，或者参数是 false，它就会用 HTTP 头 If-Modified-Since 来检测服务器上的文档是否已改变。如原创 2021-05-07 09:04:27 · 560 阅读 · 0 评论 -
JavaScript《js代码主动触发点击事件》
直接使用click()即可setInterval(function(){ $('.div1 .div2').click(); },3000)原创 2021-04-26 16:15:07 · 635 阅读 · 0 评论 -
jQuery给元素添加自定义或者css属性
jQuery给标签添加自定义属性 下面代码包含了添加和获取自定义属性。 添加的属性值有数字，类数组，对象，详细用法见备注。 <script type="text/javascript"> // 设置属性 $('#box').css('width', '200px') $('#a1').attr('href',"http://www.baidu.com") // 设置多个属性 // 注意：.转载 2021-04-26 15:20:45 · 1104 阅读 · 0 评论 -
JavaScript《字符串的截取》
// JS截取字符串可使用 substring()或者slice() 2 // 3 // 函数：substring() 4 // 定义：substring(start,end)表示从start到end之间的字符串，包括start位置的字符但是不包括end位置的字符。 5 // 功能：字符串截取，比如想从"MinidxSearchEngine"中得到"Minidx"就要用到substring(0,6) 6 // 例子： 7 8 var src转载 2021-04-26 09:26:38 · 119 阅读 · 0 评论 -
JavaScript《绑定和移除事件》
javascript方法–bind()语法fun.bind(this,arg1,arg2,…)1.bind()方法会创建一个新的函数，称为绑定函数,fun方法在this环境下调用该方法可传入两个参数，第一个参数作为this，第二个及以后的参数则作为函数的参数调用2.让函数拥有预设的参数使用bind()方法使函数拥有预设的初始参数，这些参数会排在最前面，传给绑定函数的参数会跟在它们后面用removeEventListener解除绑定事件时，传入的第二个参数的函数必须是已经写好了的，如果有参数可以原创 2021-04-12 17:16:22 · 552 阅读 · 1 评论 -
js正则表达式
**在js中通常通过字面量的方法来创建正则表达式使用方法：var 变量 =/表达式/;**示例代码：<script type="text/javascript"> var rg=/123/; console.log(rg); </script>正则表达式中可以使用test()来检测对象是否符合规则，会返回true或者false，参数是被测试的字符串使用方法：regexObj.test(str)1.regexObj是写的正则表达式2.str是我们要测原创 2021-03-10 21:22:03 · 125 阅读 · 0 评论 -
JavaScript对数组的操作
js中for in循环的用法 var a=[1,3,5,8,2,4]; //x为每个数组元素的下标 for(var x in a){ console.log(a[x]); }array.splice() 方法向/从数组中添加/删除元素语法array.splice(index,howmany,item1,.....,itemX)index 规定从何处添加/删除元素。该参数是开始插入和（或）删除的数组元素的下标，必须是数字。howmany 规定应该删除多少元素。必须是原创 2021-03-22 14:46:21 · 96 阅读 · 0 评论 -
JavaScript面向对象编程
创建类：class name{ //class body}创建实例：var xx=new name()注意：类必须使用new实例化对象类constructor构造函数：constructor()方法是类的构造函数，用于传递参数，返回实例对象，通过 new 命令生成对象实例时，自动调用该方法。如果没有显示定义，类内部会自动给我们创建一个constructor()例：class Star{//class创建一个明星类 constructor(uname,age){ this.unam原创 2021-03-13 01:11:25 · 89 阅读 · 0 评论 -
JavaScript es6语法
使用let声明的变量具有块级作用域(在花括号内才能访问，在外面访问不到该变量)例如：防止循环变量在循环外部被访问到const声明常量：具有块级作用域并且声明常量时必须赋初始值，常量赋值后，值不能修改（地址不能更改）解构赋值：例：let ary=[1,2,3];let [a,b,c,d]=ary;abc将被赋值为123，d为undefined；例：let person={name:'lisi',age:30,sex:'男'};let {name,age,sex}=person;箭头原创 2021-03-13 01:09:41 · 174 阅读 · 0 评论 -
原生JavaScript
获取body标签：document.body获取HTML标签：document.documentElement鼠标事件；onfocus onblurinnerText、innerHTML、src、href、id、alt、title、可以直接更改元素的内容,但是更改元素的样式需要使用element.style.格式的方法使用定位的元素不能使用margin:auto来居中改变元素内容：element.innerHTML（可以改变任意标签当中的内容，表单元素只能通过value改变内容）时间、原创 2021-03-13 01:08:31 · 251 阅读 · 0 评论 -
jQuery
jQuery下载官网：https：//jquery.com/$('')可以获取元素和选择器，以伪数组的形式储存element.hide（）可以隐藏元素show()可以显示元素$(function(){ //等页面加载完之后再执行里面的动作})DOM对象：用原生js获取的对象 jq对象：用jq获取的对象jq对象转化为DOM对象：$('jq对象')[index]index为索引值DOM对象转化为jq对象：$(DOM对象)，不需要加引号jq设置样式的方法：$('element').css原创 2021-03-13 01:07:15 · 118 阅读 · 0 评论