知识栈-js代码

知识栈-js代码
swiper实现轮播（很简单）

1.准备js和css 访问网址https://www.swiper.com.cn/ ,获取Swiper,下载Swiper. 主要代码html 3.在js中初始化swiper ...

分类: 文章浏览史浏览:88 发布时间:2020-12-12 16:09:34
js中jsonp跨域请求

1、理解jsonp什么是跨域？简单的来说，出于安全方面的考虑，页面中的JavaScript无法访问其他服务器上的数据，即“同源策略”。而跨域就是通过某些手段来绕过同源策略限制，实现不同服务器之间通信的效果。具体策略限制情况可看下表：URL 说明允许通信 http://www.a.com/a.js http://www.a.com/b.js 同一域名下...

分类: 文章浏览史浏览:135 发布时间:2020-12-10 13:33:05
Uncaught SyntaxError: Invalid or unexpected token

　　证明：将标签换成
测试
后，界面展示正常。↓↓↓↓↓↓写的不错，对你有帮助？

分类: 文章浏览史浏览:144 发布时间:2020-12-09 15:43:35
H5中的audio标签加入autoplay属性音频仍不能自动播放

现在不知什么原因H5的audio标签不能自动播放，让人很是苦恼，经过自己的多方查找，终于找到了解决方案：<iframe src = "music/birthday.mp3" allow = "autoplay" hidden />hidden是用来隐藏的，如果用不到可以去掉。。。用这个iframe标签可以实现自动播放，不过这个有一个缺点，假如你的网页中有脚本即js等脚本语...

分类: 文章浏览史浏览:123 发布时间:2020-12-02 18:39:51
JS操作iframe元素

Frame 对象代表一个 HTML 框架。IFrame 对象代表一个 HTML 的内联框架。标签定义了包含另外一个文档的内联框架。根据周围的文字排列 iframe。设置或返回 iframe 的高度。设置或返回 iframe 的顶部和底部的页空白。设置或返回框架是否可调整大小。onload 事件在frame或者iframe载入完成后被触发。9 <input type="button" name="btn1" id="btn1" value="点击按钮控制ifram</div> </div> </div> <div class="arc-tool"> <span> 分类:<a href="http://www.dagoogle.cn/list/18.html"> 文章浏览史</a></span> <span>浏览:77</span> <span>发布时间:2020-11-28 18:07:50</span> </div> </li> <li class="blbg con-item block-inset cl" data-id="771" data-num="5"> <div class="arc-up cl"> <div class="con-arc" style="margin-left:0px;"> <h2 class="con-title"><a target="_blank" href="http://www.dagoogle.cn/n/771.html"> <span>js如何实时弹出新消息提示框并有提示音响起</span> </a></h2> <div class="con-desc">在java web认证系统开发中，客户要求有数据更新时要在页面弹出提示框，这样方便在旁边的工作人员可以及时的知道有新数据提交了，我们除了使用及时的推送技术外还可以使用ajax来实现这些功能。代码实现的原理，在页面启用定时执行ajax请求，如果获得数据是最新状态的，要执行语音提示和弹出框提示，这样实现的弊端是频繁的调用数据库，该方法只适合于使用人数较少的系统。在此处我导入了jquery.gritter.js和jquery.gritter.css,具体实现代码：。+ item3.today+" "</div> </div> </div> <div class="arc-tool"> <span> 分类:<a href="http://www.dagoogle.cn/list/18.html"> 文章浏览史</a></span> <span>浏览:124</span> <span>发布时间:2020-11-26 15:57:24</span> </div> </li> <li class="blbg con-item block-inset cl" data-id="770" data-num="6"> <div class="arc-up cl"> <div class="con-arc" style="margin-left:0px;"> <h2 class="con-title"><a target="_blank" href="http://www.dagoogle.cn/n/770.html"> <span>js 前端有消息了声音提示给用户</span> </a></h2> <div class="con-desc">Your browser does not support the audio element.message: '该浏览器不支持播放声音！解决方案：1、点击该弹出框。或者 1、打开chrome；' +. '2、输入 chrome://flags/#autoplay-policy；3、点击default，选择 Setting No user gesture is required；' +</div> </div> </div> <div class="arc-tool"> <span> 分类:<a href="http://www.dagoogle.cn/list/18.html"> 文章浏览史</a></span> <span>浏览:113</span> <span>发布时间:2020-11-26 15:55:12</span> </div> </li> <li class="blbg con-item block-inset cl" data-id="720" data-num="7"> <div class="arc-up cl"> <div class="con-arc" style="margin-left:0px;"> <h2 class="con-title"><a target="_blank" href="http://www.dagoogle.cn/n/720.html"> <span>js字符串截取函数slice()、substring()、substr()</span> </a></h2> <div class="con-desc">在js中字符截取函数有常用的三个slice()、substring()、substr()了，下面我来给大家介绍slice()、substring()、substr()函数在字符截取时的一些用法与区别吧。取字符串的三个函数:slice,substring和substr 相关属性： slice() 第一个参数代表开始位置,第二个参数代表结束位置的下一个位置,截取出来的字符串的长度为第二个参数与第一个参数之间的差;若参数值为负数,则将该值加上字符串长度后转为正值;若第一个参数等于大于第二个参数,则返回</div> </div> </div> <div class="arc-tool"> <span> 分类:<a href="http://www.dagoogle.cn/list/18.html"> 文章浏览史</a></span> <span>浏览:179</span> <span>发布时间:2020-10-12 13:32:13</span> </div> </li> <li class="blbg con-item block-inset cl" data-id="719" data-num="8"> <div class="arc-up cl"> <div class="con-arc" style="margin-left:0px;"> <h2 class="con-title"><a target="_blank" href="http://www.dagoogle.cn/n/719.html"> <span>JS截取字符串常用方法详细整理</span> </a></h2> <div class="con-desc">功能：字符串截取，比如想从"MinidxSearchEngine”中得到"Minidx”就要用到substring(0,6). substring 方法用于提取字符串中介于两个指定下标之间的字符。一个非负的整数，规定要提取的子串的第一个字符在 stringObject 中的位置。一个新的字符串，该字符串值包含 stringObject 的一个子字符串，其内容是从 start 处到 stop-1 处的所有字符，其长度为 stop 减 start。如果 start 或 end 为负数，那么它将被替换</div> </div> </div> <div class="arc-tool"> <span> 分类:<a href="http://www.dagoogle.cn/list/18.html"> 文章浏览史</a></span> <span>浏览:167</span> <span>发布时间:2020-10-12 13:31:39</span> </div> </li> <li class="blbg con-item block-inset cl" data-id="687" data-num="9"> <div class="arc-up cl"> <div class="con-arc" style="margin-left:0px;"> <h2 class="con-title"><a target="_blank" href="http://www.dagoogle.cn/n/687.html"> <span>纯js全选、多选</span> </a></h2> <div class="con-desc">使用纯js来写一个模拟购物车的全选和多选功能。checkboxs[j].checked){//如果有一个不被选中。实现这个功能还有太多的方法了。</div> </div> </div> <div class="arc-tool"> <span> 分类:<a href="http://www.dagoogle.cn/list/18.html"> 文章浏览史</a></span> <span>浏览:215</span> <span>发布时间:2020-09-25 11:58:55</span> </div> </li> <li class="blbg con-item block-inset cl" data-id="627" data-num="10"> <div class="arc-up cl"> <div class="con-arc" style="margin-left:0px;"> <h2 class="con-title"><a target="_blank" href="http://www.dagoogle.cn/n/627.html"> <span>JS实现操作成功定时回到主页效果</span> </a></h2> <div class="con-desc">12 <span>秒后回到主页</span>. -- 也可以写成javascipt：back(); -->. 18 //获取要定时元素的值。28 setInterval; //调用定时方法。29 function back(){ //返回前一页面的方法。如果脚本代码的位置放在html代码的前面，如下:. 浏览器中运行代码则会出错，显示第9行出错:. 原因是HTML代码在页面载入是顺序执行，当执行到：。id为"time"的span标签的内容并未加载</div> </div> </div> <div class="arc-tool"> <span> 分类:<a href="http://www.dagoogle.cn/list/18.html"> 文章浏览史</a></span> <span>浏览:128</span> <span>发布时间:2020-09-13 18:29:43</span> </div> </li> <li class="blbg con-item block-inset cl" data-id="597" data-num="11"> <div class="arc-up cl"> <div class="con-arc" style="margin-left:0px;"> <h2 class="con-title"><a target="_blank" href="http://www.dagoogle.cn/n/597.html"> <span>js监听用户是否在浏览当前页面</span> </a></h2> <div class="con-desc">当鼠标点击了在当前页面之外位置时，就会触发失去焦点的处理函数，如果用户切换了浏览器的选项卡的时候，触发选项卡切换的事件</div> </div> </div> <div class="arc-tool"> <span> 分类:<a href="http://www.dagoogle.cn/list/18.html"> 文章浏览史</a></span> <span>浏览:175</span> <span>发布时间:2020-09-07 11:11:10</span> </div> </li> <li class="blbg con-item block-inset cl" data-id="254" data-num="12"> <div class="arc-up cl"> <div class="con-img"><img src="//upload-images.jianshu.io/upload_images/7662941-b6696da86acb42b5.png" alt="clipboard.js实现JS复制文本"></div> <div class="con-arc"> <h2 class="con-title"><a target="_blank" href="http://www.dagoogle.cn/n/254.html">clipboard.js实现JS复制文本</a></h2> <div class="con-desc">最近发现一个很好用的无依赖的插件clipboard.js。兼容当前主流的浏览器，不依赖于flash 使用方式也可以使用CDN 引入之后就可以直接使用了，非常方便，这里只...</div> </div> </div> <div class="arc-tool"> <span> 分类:<a href="http://www.dagoogle.cn/list/18.html"> 文章浏览史</a></span> <span>浏览:135</span> <span>发布时间:2020-05-16 01:37:14</span> </div> </li> <li class="blbg con-item block-inset cl" data-id="253" data-num="13"> <div class="arc-up cl"> <div class="con-arc" style="margin-left:0px;"> <h2 class="con-title"><a target="_blank" href="http://www.dagoogle.cn/n/253.html">JS--微信浏览器复制到剪贴板实现</a></h2> <div class="con-desc">由于太忙很久没写博客了，如有错误遗漏，请指出，感谢！首先这里要注意，是微信浏览器下的解决方案，其他浏览器请自行测试。由于淘宝链接无法在微信中打开，所以淘宝开发了淘口令方便物质传播，而导购网站在微信推广的时候也是生成口令，用户只需要复制口令，打开手机淘宝，即可看到对应的商品：。这里要使用的是一个非常强大的工具Clipboardjs，这个工具只需要引入对应的js，即可方便的完成上面的功能。引入js，这里我把js放在了服务器，通过url请求访问即可，官网方法是下载对应的js文件。</div> </div> </div> <div class="arc-tool"> <span> 分类:<a href="http://www.dagoogle.cn/list/18.html"> 文章浏览史</a></span> <span>浏览:238</span> <span>发布时间:2020-05-16 01:32:53</span> </div> </li> <li class="blbg con-item block-inset cl" data-id="183" data-num="14"> <div class="arc-up cl"> <div class="con-arc" style="margin-left:0px;"> <h2 class="con-title"><a target="_blank" href="http://www.dagoogle.cn/n/183.html">使用正则表达式去除html文本中的的所有js脚本</a></h2> <div class="con-desc">代码如下：<?php$html = <<<LABLE<!DOCTYPEJavaScript</div> </div> </div> <div class="arc-tool"> <span> 分类:<a href="http://www.dagoogle.cn/list/18.html"> 文章浏览史</a></span> <span>浏览:289</span> <span>发布时间:2020-04-15 10:49:31</span> </div> </li> <li class="blbg con-item block-inset cl" data-id="85" data-num="15"> <div class="arc-up cl"> <div class="con-arc" style="margin-left:0px;"> <h2 class="con-title"><a target="_blank" href="http://www.dagoogle.cn/n/85.html">百度坐标坐标系之间的转换（JS版代码）</a></h2> <div class="con-desc">/** * Created by Wandergis on 2015/7/8. * 提供了百度坐标（JavaScript</div> </div> </div> <div class="arc-tool"> <span> 分类:<a href="http://www.dagoogle.cn/list/16.html"> 谷歌地图</a></span> <span>浏览:809</span> <span>发布时间:2020-03-18 22:11:05</span> </div> </li>  </ul> <div class="cl blbg loadmore" id="loadmorebtn" data-page="1">查看更多</div> </div> <aside id="right-side" class="con-right"> <dl class="blbg joinus"> <dt class="list-title"> <h2><i class="ank-icon ank-icon-kuaizhao"></i>寻求合作</h2> </dt> <dd class="quncon"> <div class="qunimg"> <img src="/data/upload/2020-03-12/5e6916f9db442.png" alt="php技术微信"> </div> <div class="qundescr"> <ul> <li> 微信扫左侧二维码</li> <li> QQ: 526713444</li> <li> 邮箱: jbk3311@qq.com</li> </ul> <br> </div> </dd> <dd class="shuoming"> 建议先加微信咨询，如因我忙碌不能及时答复，请耐心等待。 </dd> </dl> <span> <dl class="blbg arc-list"> <dt class="arc-m-title"> <h2><i class="ank-icon ank-icon-kuaizhao"></i>热门浏览</h2> </dt> <dd class="arc-item"> <a title="centos搭建lnmp环境网址收藏" target="_blank" class="el" href="http://www.dagoogle.cn/n/46.html"><i class="ank-icon ank-icon-fire"></i>centos搭建lnmp环境网址收藏</a> <span class="datetime">930</span> </dd> <dd class="arc-item"> <a title="centos 搭建git自动部署web应用" target="_blank" class="el" href="http://www.dagoogle.cn/n/45.html"><i class="ank-icon ank-icon-fire"></i>centos 搭建git自动部署web应用</a> <span class="datetime">936</span> </dd> </dl> <dl class="blbg arc-list"> <dt class="arc-m-title"> <h2><i class="ank-icon ank-icon-kuaizhao"></i>置顶文章</h2> </dt> <dd class="arc-item"> <a title="centos搭建lnmp环境网址收藏" target="_blank" class="el" href="http://www.dagoogle.cn/n/46.html"><i class="ank-icon ank-icon-fire"></i>centos搭建lnmp环境网址收藏</a> <span class="datetime">930</span> </dd> <dd class="arc-item"> <a title="centos 搭建git自动部署web应用" target="_blank" class="el" href="http://www.dagoogle.cn/n/45.html"><i class="ank-icon ank-icon-fire"></i>centos 搭建git自动部署web应用</a> <span class="datetime">936</span> </dd> <dd class="arc-item"> <a title="centos 7 yum 安装最新版本或者任意版本的mariadb记录" target="_blank" class="el" href="http://www.dagoogle.cn/n/44.html"><i class="ank-icon ank-icon-fire"></i>centos 7 yum 安装最新版本或者任意版本的mariadb记录</a> <span class="datetime">1070</span> </dd> <dd class="arc-item"> <a title="部署在阿里云ECS上的discuz使用QQ邮箱发送邮件" target="_blank" class="el" href="http://www.dagoogle.cn/n/43.html"><i class="ank-icon ank-icon-fire"></i>部署在阿里云ECS上的discuz使用QQ邮箱发送邮件</a> <span class="datetime">926</span> </dd> <dd class="arc-item"> <a title="centos 创建sftp用户只允许访问指定目录的正确方式" target="_blank" class="el" href="http://www.dagoogle.cn/n/42.html"><i class="ank-icon ank-icon-fire"></i>centos 创建sftp用户只允许访问指定目录的正确方式</a> <span class="datetime">1063</span> </dd> <dd class="arc-item"> <a title="谷歌地图常规地图数据保存方式-KML文件格式" target="_blank" class="el" href="http://www.dagoogle.cn/n/41.html"><i class="ank-icon ank-icon-fire"></i>谷歌地图常规地图数据保存方式-KML文件格式</a> <span class="datetime">1236</span> </dd> <dd class="arc-item"> <a title="centos7防火墙firewall基本命令，持续更新" target="_blank" class="el" href="http://www.dagoogle.cn/n/40.html"><i class="ank-icon ank-icon-fire"></i>centos7防火墙firewall基本命令，持续更新</a> <span class="datetime">734</span> </dd> <dd class="arc-item"> <a title="centos 7.4系统yum安装php最新版本php7.2" target="_blank" class="el" href="http://www.dagoogle.cn/n/39.html"><i class="ank-icon ank-icon-fire"></i>centos 7.4系统yum安装php最新版本php7.2</a> <span class="datetime">2186</span> </dd> </dl> <dl class="blbg arc-list"> <dt class="arc-m-title"> <h2><i class="ank-icon ank-icon-kuaizhao"></i>推荐文章</h2> </dt> <dd class="arc-item"> <a title="centos 7.4系统yum安装php最新版本php7.2" target="_blank" class="el" href="http://www.dagoogle.cn/n/39.html"><i class="ank-icon ank-icon-fire"></i>centos 7.4系统yum安装php最新版本php7.2</a> <span class="datetime">2186</span> </dd> </dl> <dl class="blbg arc-list"> <dt class="arc-m-title"> <h2><i class="ank-icon ank-icon-kuaizhao"></i>最新文章</h2> </dt> <dd class="arc-item"> <a title="ThinkPHP中的volist标签（限制循环次数）" target="_blank" class="el" href="http://www.dagoogle.cn/n/990.html"><i class="ank-icon ank-icon-tijiao"></i>ThinkPHP中的volist标签（限制循环次数）</a> <span class="datetime">2021/04/11</span> </dd> <dd class="arc-item"> <a title="tp5.1 模板 volist 循环输出数组对应的键值" target="_blank" class="el" href="http://www.dagoogle.cn/n/989.html"><i class="ank-icon ank-icon-tijiao"></i>tp5.1 模板 volist 循环输出数组对应的键值</a> <span class="datetime">2021/04/10</span> </dd> <dd class="arc-item"> <a title="vue中绑定点击事件@click的用法以及详解" target="_blank" class="el" href="http://www.dagoogle.cn/n/988.html"><i class="ank-icon ank-icon-tijiao"></i>vue中绑定点击事件@click的用法以及详解</a> <span class="datetime">2021/04/09</span> </dd> <dd class="arc-item"> <a title=" <span>vue系列--vue是如何实现绑定事件</span> " target="_blank" class="el" href="http://www.dagoogle.cn/n/987.html"><i class="ank-icon ank-icon-tijiao"></i> <span>vue系列--vue是如何实现绑定事件</span> </a> <span class="datetime">2021/04/09</span> </dd> <dd class="arc-item"> <a title="Facebook第三方登录" target="_blank" class="el" href="http://www.dagoogle.cn/n/986.html"><i class="ank-icon ank-icon-tijiao"></i>Facebook第三方登录</a> <span class="datetime">2021/04/09</span> </dd> <dd class="arc-item"> <a title="小程序wx.showToast()与wx.hideLoading()冲突的问题" target="_blank" class="el" href="http://www.dagoogle.cn/n/985.html"><i class="ank-icon ank-icon-tijiao"></i>小程序wx.showToast()与wx.hideLoading()冲突的问题</a> <span class="datetime">2021/03/27</span> </dd> <dd class="arc-item"> <a title="微信小程序获取日期天数带星期" target="_blank" class="el" href="http://www.dagoogle.cn/n/984.html"><i class="ank-icon ank-icon-tijiao"></i>微信小程序获取日期天数带星期</a> <span class="datetime">2021/03/27</span> </dd> <dd class="arc-item"> <a title="js中的值传递与引用传递" target="_blank" class="el" href="http://www.dagoogle.cn/n/983.html"><i class="ank-icon ank-icon-tijiao"></i>js中的值传递与引用传递</a> <span class="datetime">2021/03/27</span> </dd> <dd class="arc-item"> <a title="《深度思考》| 前香奈儿全球CEO莫琳·希凯的工作哲学" target="_blank" class="el" href="http://www.dagoogle.cn/n/982.html"><i class="ank-icon ank-icon-tijiao"></i>《深度思考》| 前香奈儿全球CEO莫琳·希凯的工作哲学</a> <span class="datetime">2021/03/14</span> </dd> <dd class="arc-item"> <a title="Your system folder path does not appear to be set correctly. Please open the following file and corr" target="_blank" class="el" href="http://www.dagoogle.cn/n/981.html"><i class="ank-icon ank-icon-tijiao"></i>Your system folder path does not appear to be set correctly. Please open the following file and corr</a> <span class="datetime">2021/03/11</span> </dd> </dl> </span> </aside> </div>  <footer class="footer cl"> <div class="footer-inner"> <ul class="footer-info"> <li>备案号:<a rel="nofollow" href="https://beian.miit.gov.cn/" target="_blank">粤ICP备15112958号-1</a></li> <li>QQ：526713444</li> <li>邮箱: jbk3311@qq.com</li> </ul> <ul class="footer-info" style="display:none;"> <li><a href="/sitemap.xml">网站地图</a> </li> </ul> </div> </footer> <div id="floattool" class="floattool"> <a class="qrcode" title="微信联系" href="javascript:;"> <i class="ank-icon ank-icon-wechat"></i> <img src="/data/upload/2020-03-12/5e6916f9db442.png" alt="php技术微信"> </a> </div> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?00c2998f079f6386bd43de20ca6b90c9"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script></body> </html>

知识栈-js代码

swiper实现轮播（很简单）

js中jsonp跨域请求

Uncaught SyntaxError: Invalid or unexpected token

测试

后，界面展示正常。↓↓↓↓↓↓写的不错，对你有帮助？

H5中的audio标签加入autoplay属性音频仍不能自动播放

JS操作iframe元素