- 博客(9)
- 收藏
- 关注
RSS订阅
1转载 跨域解决方式及实现原理
同源策略是一种约定，它是浏览器最核心也最基本的安全功能，如果缺少了同源策略，浏览器很容易受到XSS、CSRF等攻击。所谓同源是指"协议+域名+端口"三者相同，即便两个不同的域名指向同一个ip地址，也非同源。Cookie、LocalStorage、IndexedDB等存储性内容DOM节点AJAX请求发送后，结果被浏览器拦截了CORS支持所有类型的HTTP请求，是跨域HTTP请求的根本解决方案。...
2022-07-19 18:27:26
295
原创 文件上传(拖拽文件)
1.html中div标签预览显示，button标签触发上传事件。<div id="drop_area" style="border:3px dashed silver;width:200px; height:200px">将图片拖拽到此</div> 2.禁止浏览器打开文件行为document.addEventListener("drop",function(e){ //拖离 e.preventDefault(); }) documen
2021-10-29 16:40:36
329
原创 原生js实现点击按钮复制文本内容
一.原理解析浏览器本身提供了一个copy命令，利用它可以复制选中的内容：document.execCommand("copy")如果是输入框，我们可以利用select()方法来选中输入框中的内容，然后调用copy命令，将文本复制到剪切板，但是select()方法只对<input>和<textarea>有效，对于其他标签就不太好使了。既然出现了这个问题，那么我们顺着思路想就能想到解决办法的：我们可以在页面中添加一个textarea，然后把他隐藏掉，当我们点击按钮的时候
2021-08-18 10:12:10
364
原创 JS倒计时两种种实现方式
一：设置时长，进行倒计时。比如考试时间等等代码如下： <html> <head> <meta charset="UTF-8"> <title>简单时长倒计时</title> <SCRIPT type="text/javascript"> var maxtime = 60 * 60; //一个小时，按秒计算，自己调整! function
2021-08-10 16:50:43
1816
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人