脚本

1、Owl Carousel Owl Carousel 是一个强大、实用但小巧的 jQuery 幻灯片插件，它具有一下特点： 兼容所有浏览器 支持响应式 支持 CSS3 过度 支持触摸事件 支持 JSON 及自定义 JSON 格式 支持进度条 支持自定义事件 支持延迟加载 支持自适应高度 …… Owl Carousel 提供了众多的参数、回调函数及自定义事件（具体请往下浏览），所以它几乎可以满足你的所有要求。 兼容 浏览器兼容：兼容所有浏览器，包括 IE6、IE7。 jQuery 兼容：兼容 1.7 及以上版本。 使用方法 1、引入文件 <link href="css/owl.carousel.css" rel="stylesheet"> <link href="css/owl.theme.css" rel="stylesheet"> <script src="js/jquery.min.js"></script> <script src="js/owl.carousel.js"></script> 2、HTML <div id="owl-demo" class="owl-carousel"> <div>1</div> <div>2</div> <div>3</div> <div>4</div> <div>5</div> <div>6</div> <div>7</div> <div

ueditor使用笔记 1 先引用uedit javascript文件 <pre> <!--ueditor引入--> <script type="text/javascript" charset="utf-8" src="/admins/ueditor/ueditor.config.js"></script> <script type="text/javascript" charset="utf-8" src="/admins/ueditor/ueditor.all.min.js"></script> <!--建议手动加在语言，避免在ie下有时因为加载语言失败导致编辑器加载失败--> <!--这里加载的语言文件会覆盖你在配置项目里添加的语言类型，比如你在配置项目里配置的是英文，这里加载的中文，那最后就是中文--> <script type="text/javascript" charset="utf-8" src="/admins/ueditor/lang/zh-cn/zh-cn.js"></script> </pre> 2 写编辑器页面 他就是个script脚本 <pre> <script id="editor" type="text/plain" style="width:600px;height:300px;"></script> </pre> 3 显示编辑器 ps

HTML中关于url、scr、href的区别 URL是什么 URL ：Uniform Resource Locators（统一资源定位器）的简写，Web浏览器通过URL从Web服务器请求页面。 url不是属性，src和href是属性，src用于替换当前元素，href用于在当前文档和引用资源之间确立联系，也就是说src引用的路径是img等要加载的路径，href引用的路径是要跳转到的地方。 src是什么 src是source的简写，表示的是引入文件，目的是要把文件加载到html页面中去，当浏览器解析的时候会暂停其他的内容而会先加载src内容，必须要等到src的内容加载完成之后才会执行后面。这就是为什么js文件往往放在了html文件的最下面的原因。如果是在页面head上放了js文件用:window.onload事件处理。浏览器会识别该文档为css文档，并行下载该文档，并且不会停止对当前文档的处理。这也是建议使用link的原因。 src的内容是页面必不可少的一部分，是引入src指向的内容会嵌入到文档中当前标签所在的位置。常用的有：img、script、iframe。例如: <script src="script.js"></script> <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js">

类似于 EL 表达式的行内变量在 js 文件中的使用 Thymeleaf 在 js中，可以动态的替换变量的值，支持将一个对象转为 json 对象赋予 js 的变量。同时完美支持静态模式显示和解析时替换变量值。 使用方式：在 script 标签上增加 th:inline="javascript"属性。 1、在 html 以外的其他文本文件中，使用双方括号(下面还有一个双括号里面套圆括号的形式)表达式，这种语法模式是开启的，不需要做任何设置。 [[${session.user.name}]] 格式的变量模板处理时会转译的内容，例如转译 html 标签或者是一些文本在字面量中需要转译的符号。 [(${session.user.name})] 格式的变量模板处理时不转译内容，直接将值贴到变量的位置上。 但是如果我们直接放到文件中的话可能就会在静态页面看的时候就会比较丑，对于html ，我们可以用一个 span来给一个静态模式下看起来舒服的内容。 <p>Hello, <span th:text="${session.user.name}">Sebastian</span>!</p> ps：在 js 文件中，下面会讲到我们将会使用注释解决这个问题。 例子： <script th:inline="javascript"> ... var username = [[${session.user

归档压缩 [root@client ~]# tar -zcf boot.tar.gz /boot/* &> /dev/null [root@client ~]# ls boot.tar.gz boot.tar.gz 使用多个命令 [root@client ~]# ls ; who anaconda-ks.cfg boot.tar.gz etc.tar.gz nginx-1.8.0 nginx-1.8.0.tar.gz root tty1 2019-11-15 21:57 root pts/0 2019-11-15 22:04 (192.168.1.6) 要显示美元符，你必须在它前面放置一个反斜线。 [root@client ~]# echo "The cost of the item is \$15" The cost of the item is $15 命令替换 [root@client ~]# testing=$(date) [root@client ~]# echo $testing 2019年 11月 15日 星期五 22:15:57 CST [root@client ~]# testing1=`date` [root@client ~]# echo $testing1 2019年 11月 15日 星期五 22:16:19 CST [root@client ~]#

分享一个简单的PHP上传图片实例，本实例主要介绍了上传图片的一些限制判断和上传图片的方法。 首先我们在form表单加上上传附件#file,上传按钮#imgbut，记得给form 表单加上multipart/form-data，否则上传不了图片。 <form enctype="multipart/form-data" action="upload.php?action=img" method="post" name="imge"> <input value="导入文件" type="file" name="img" id="file" /> <input type="submit" id="imgbut" class="btn" value="上传图片" /> </form> 上传之前各种限制判断： if ($_FILES["img"]["error"] > 0) { switch ($_FILES["img"]["error"]) { case 1 : echo "<script type='text/javascript'>alert('上传的文件超过了 php.ini 中 upload_max_filesize 选项限制的值<br>');history.back();</script>"; break; case 2 : echo "<script type='text

显示品牌下拉列表（静态） （ 1 ）修改 type_template.html 引入 JS <!-- slect2插件--> < link rel= "stylesheet" href= "../plugins/select2/select2.css" /> < link rel= "stylesheet" href= "../plugins/select2/select2-bootstrap.css" /> < script src= "../plugins/select2/select2.min.js" type= "text/javascript" ></ script > < script src= "../plugins/angularjs/angular.min.js" ></ script > < script src= "../js/base_pagination.js" ></ script > <!-- 导入select2-angula--> < script src= "../js/angular-select2.js" ></ script > < script src= "../plugins/angularjs/pagination.js" ></ script > < link rel= "stylesheet" href= "../plugins

1. 窗口之间通信 1. document.domain 场景： 给不同源(但是两者的上级域名相同)的网页设置： document.domain = '两者的上级域名'； 如：image.baidu.com和video.baidu.com就可以通过这个方法。 则可以通过js读取彼此的Cookie， 对于iframe窗口可以获取彼此的DOM。 对于服务器通过Set-Cookie返回的Cookie, 可以使其domain属性等于其一级域名。 2. 片段识别符（url#后面的部分） 场景： iframe跨窗口通信。 示例： 父窗口给子窗口设置带#的url；子窗口通过监听hashchange事件，获取#数据。 // 父窗口 iframe = document.querySelector('iframe'); iframe.src = OriginalUrl + '#' + data; // 子窗口 window.onhashchange = function(e) { // data = window.location.hash } 也可以通过子窗口修改父窗口的#部分 parent.location.href = OriginalUrl + '#' +data; 3.window.postMessage- H5 这是一个跨文档通信的API。 语法： otherWindow

1. 行内式（主要用于事件） <input type="button" name="" onclick="alert('ok！');"> 2. 内嵌式 <script type="text/javascript"> alert('ok！'); </script> 3. 外链式 <script type="text/javascript" src="js/index.js"></script> 创建变量 js是弱类型语言 不需要特别指定变量数据类型 var a = 1; 　　 js中有六种数据类型，包括五种基本数据类型和一种复杂数据类型(object)。 5种基本数据类型： 1、number 数字类型 2、string 字符串类型 3、boolean 布尔类型 true 或 false 4、undefined undefined类型，变量声明未初始化，它的值就是undefined 5、null null类型，表示空对象，如果定义的变量将来准备保存对象，可以将变量初始化为null,在页面上获取不到对象，返回的值就是null 1种复合类型： 1、object 后面学习的JavaScript对象属于复合类型 //1.1 数字 number var iOne = 10.1; //1.2 字符串 string var sStr = '1234'; //1.3 布尔 boolean; var

jquery.eraser制作擦涂效果 <pre> <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta charset="utf-8" /> <title> canvas画图 </title> </head> <body> <img id="redux" style="width:60%;" src="http://www.w3school.com.cn/i/ct_html5_canvas_image.gif" /> <script type="text/javascript" src="/moban/js/jquery.min.js"></script> <script type="text/javascript" src="/moban/js/jquery.eraser.js"></script> <script type="text/javascript"> $(function() { $('#redux').eraser({ completeRatio: .6, size: 20, completeFunction: showResetButton }); }) function showResetButton()