浏览器原生剪贴板 navigator.clipboard 写入 navigator.clipboard.writeText navigator.clipboard.writeText('Linr Text to be copied') .then(() => { console.log('Text copied to clipboard'); }) .catch(err => { // This can happen if the user denies clipboard permissio…

起因 最近帮同事实现了一个小功能--复制文本到剪贴板,主要参考了前端大神阮一峰的博客,根据 navigator.clipboard 返回的 Clipboard 对象的方法 writeText() 写文本到剪贴板.在本地测试时一切正常,到了测试环境却提示: Uncaught (in promise) TypeError: Cannot read property 'writeText' of undefined at HTMLInputElement.<anonymous> 在 Chrome 的…

原来浏览器原生支持JS Base64编码解码 « 张鑫旭-鑫空间-鑫生活 https://www.zhangxinxu.com/wordpress/2018/08/js-base64-atob-btoa-encode-decode/ VM197:2 Uncaught DOMException: Failed to execute 'btoa' on 'Window': The string to be encoded contains characters outside of the Lati…

javascript 的navigator属性,不常用,但是用处也不少,主要用处是在做浏览器兼容的问题的时候,现在有的网站已经不兼容IE6,用户假如用IE6浏览网页的话,会提示浏览器升级等信息.或者判断是手机用户还是电脑用户,手机用户调整至手机网站,电脑用户之间跳转至电脑网页等等. 首先我们来谈谈navigator属性. 你可以在自己电脑上,用复制如下信息,运行一下,看看: var x = navigator; document.write("CodeName=" + x.appCod…

对于前端来说,浏览器检测已经不陌生了,在做一些页面是,需要针对不同的浏览器进行处理不同的逻辑,最简单的就是区分pc和移动端的浏览器,或是android 和ios下的浏览器. 一.浏览器检测的由来?     在20世纪90年代初期,网景公司开发的 Netscape Navigator开始流行起来,随后便产生的浏览器大战,主要在于两大巨头之间(Netscape/微软ie):由于那时各家浏览器都有自己的标准,使用内核也不一样,个版本之间也存在差异(万恶的IE):造成网页开发者需要针对不同的浏览器进行适…

window.navigator 对象包含有关访问者浏览器的信息. Window Navigator window.navigator 对象在编写时可不使用 window 这个前缀. Navigator Object Properties Property Description appCodeName Returns the code name of the browser appName Returns the name of the browser appVersion Returns t…

浅谈navigator对象: 注意:不是所有浏览器都支持 .cookieEnabled  判断是否启用了cookie  在客户端硬盘持久保存用户私密数据的小文件 .plugins 浏览器安装的所有插件信息 appName返回浏览器的名称: appVersion 返回浏览器的平台和版本信息: Screen对象(屏幕) 注意:不是所有浏览器都支持 介绍几个常用的: 1.[availHeight]屏幕的像素宽度减去系统部件宽度之后的值(只读),代表屏幕可用宽度,单位为像素 2.[width]屏幕的像素…

<div id="tests" class="a b c" style="color:#f00">123</div> var test = tests.firstChild.nodeValue; tests = tests.childNodes[0]; tests.insertData(0,789);//从前插入789 var t2 = document.querySelector("#tests");…

当我们的内容超出了我们的div,往往会出现滚动条,影响美观.尤其是当我们在做一些导航菜单的时候.滚动条一出现就破坏了UI效果.  我们不希望出现滚动条,也不希望超出去的内容被放逐,就要保留鼠标滚动的效果. 这里介绍一个简单的方法:大体思路是在div外面再套一个div.这个div设置overflow:hidden,而内容div设置 overflow-y: scroll;overflow-x: hidden; 然后再设置外层div的width小于内层div的width. 这个内层div其实是会出现滚…

我们在提交表单的时候,form表单参数中会有一个enctype的参数.enctype指定了HTTP请求的Content-Type. 常用有两种:application/x-www-form-urlencoded和multipart/form-data. application/x-www-form-urlencoded: 窗体数据被编码为名称/值对,并且将提交的数据进行urlencode.默认情况下,我们所有的表单提交都是通过这种默认的方式实现的. multipart/form-data: 窗体…