判断对象是否包含某个属性的几种方法
摘要：1、最简单的方法，就是使用“!==”进行判断，这种方法在工作中很常见，可以看出该方法可以判断继承来的属性。 let obj = { x: 1 }; obj.x !== undefined; // true 有x属性 obj.y !== undefined; // false 无y属性 obj.toS
阅读全文
posted @ 2023-11-25 10:43
随笔分类 - Javascrip
工作中遇到的一些问题
使用js下载svg图片
摘要：//获取svg let dom = document.querySelector('.currentSvg') // 将 SVG 节点转换为 XML 字符串 const svgString = new XMLSerializer().serializeToString(dom) // 下载 SVG
阅读全文
posted @ 2023-10-30 14:17
js聚焦并将光标定位到输入框和可编辑DIV的最后
摘要：// 聚焦并将光标定位的文本末尾 div // let dom = $('.demonstrate-li-input').eq(i).focus() // let range = document.createRange() //创建一个新的范围对象 // let sel = window.getS
阅读全文
posted @ 2023-10-28 15:24
// 读取url转为base64
摘要：urlContentToDataUri(url) { return fetch(url) .then(response => response.blob()) .then(blob => new Promise(callback => { let reader = new FileReader();
阅读全文
posted @ 2023-05-19 10:05
监听浏览器各个标签间的切换
摘要：document.addEventListener('visibilitychange',function(e){ console.log(document.visibilityState); let state = document.visibilityState if(state == 'hid
阅读全文
posted @ 2023-05-05 17:23
点击其他地方移除active 缩起tab选项卡
摘要：HTML: html <div class="tab-group"> <div class="tab">选项卡1</div> <div class="tab-content">选项卡1的内容</div> <div class="tab">选项卡2</div> <div class="tab-cont
阅读全文
posted @ 2023-04-11 17:05
使用 window.getSelection() 和 getRangeAt() 方法来获取鼠标光标前的字符串。
摘要：具体实现方法如下： 给文本输入框或富文本编辑器绑定 mouseup 事件，监听鼠标松开的动作。 在事件处理函数中，先判断当前文本框是否获得了焦点（即用户在此次点击之前，已经在该文本框内部输入过字符）。 如果已经获得了焦点，则获取当前选区（Selection）对象。 利用 getRangeAt() 方
阅读全文
posted @ 2023-04-07 11:31
俩个数组中找出相同的元素,并添加样式
摘要：result.Tags.tags.forEach((item,index)=>{ let idx1 = result.Tags.lightHighArr.indexOf(item) let idx2 = result.Tags.wordArrAppend.indexOf(item) if(idx1
阅读全文
posted @ 2023-03-24 11:12
js windows对象--获取移动设备类型
摘要：(function (nav) { console.log("nav",nav); let Agents = ['Android', 'iPhone', 'SymbianOS', 'Windows Phone', 'iPad', 'iPod']; let getArr = Agents.filter
阅读全文
posted @ 2023-03-20 11:08
JavaScript input输入操作
摘要：js用法： onBlur:当输入框失去焦点后 onFocus:当输入框获得焦点后 onblur 是原生 js 的写法，可以直接写在元素的属性中或者在脚本中定义； <input type="text" id="demo" οnblur=" demo() " >，或者 function demo(){
阅读全文
posted @ 2023-03-13 14:31
JavaScript 删除字符串的括号及其内容
摘要：const str ='验(风格)(颜色)求职简历' let str2 = str.substring(0,str.indexOf('(')) let str3 = str.substring(str.lastIndexOf(')')+1,str.length) let str4 = str.rep
阅读全文
posted @ 2023-03-10 09:17
【JavaScript】——input元素的oninput事件和onchange事件
摘要：//第一种：直接在元素标签上添加oninput属性，属性值为处理事件函数的调用 <input type="text" id="input" oninput="handleInput()"></input> function handleInput() { // 处理事件代码 } //第二种：获取in
阅读全文
posted @ 2023-03-09 12:26
JavaScript实现搜索联想关键字高亮功能
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv
阅读全文
posted @ 2023-03-09 12:24
JavaScript Modal Image
摘要：<!DOCTYPE html> <html> <head> <title>JavaScript Modal Image</title> </head> <style type="text/css"> .modal { position: fixed; z-index: 1; left: 0; top
阅读全文
posted @ 2023-03-04 15:48
