
javascript
lumengabc
学习啊学习。。。
展开
-
layui表格table固定表头第一行固定显示
layui表格table固定表头第一行固定显示代码示例如下: layui.use('table', function(){ $ = layui.jquery; var table = layui.table; table.render({ elem: '#listtable', url: '/admin/getList/', //数据接口 page: true, //开启分原创 2021-09-09 15:02:18 · 7064 阅读 · 5 评论 -
layui table全选checkbox取值
layui table全选checkbox取值<table id="table_list_table" class="layui-table" lay-filter="table_list"></table>layui.use(['table', 'form'], function () { var $ = layui.$; var id_lists = []; var table = layui.table;原创 2020-10-30 16:20:13 · 3644 阅读 · 0 评论 -
layui获取checkbox的值table列表lists页选中checkbox
{extend name="public/base" /}{block name="main"}<div class="x-nav"> <span class="layui-breadcrumb"> <a><cite>官方活动</cite></a> </span> <a class="layui-btn layui-btn-small" style="float:right.原创 2020-07-14 14:13:25 · 3409 阅读 · 0 评论 -
apend 无法click事件jquery动态添加的元素
$(document).on('click', '.img_del', function() { console.log('keso'); $(this).parent().remove(); });原创 2020-05-14 09:48:00 · 270 阅读 · 0 评论 -
BANNER幻灯片底部下面有小图片点击切换swiper效果
BANNER幻灯片底部下面有小图片点击切换swiper效果//参考:https://www.swiper.com.cn/demo/070-pagination-custom.html //参考:https://www.swiper.com.cn/api/pagination/70.html实例见彩石效果图网站<!--banner begin--> <...原创 2020-01-14 15:45:16 · 499 阅读 · 0 评论 -
jquery的autocomplete
Jquery autocomplete是一个很强大的类似google suggest的自动提示插件。它几乎可以满足我们所有的需要。官方网站:http://bassistance.de/jquery-plugins/jquery-plugin-autocompletehttp://jqueryui.com/autocomplete/当前版本:1.1需要JQuery版本:1.2.6+首先是最重要的方法原创 2013-12-09 11:00:33 · 851 阅读 · 0 评论 -
jQuery UI Autocomplete自动匹配搜索
基本代码如下:http://jqueryui.com/autocomplete/ autocomplete demo Select a programming language: $(function() { var tags = [ "c++", "java", "php", "coldfusion", "javascript", "asp", "ruby" ]; url =原创 2013-12-09 11:00:35 · 1229 阅读 · 0 评论 -
jquery点击div获取radio-实现ul列表中点击radio后面的文本选中radio
$(".isplist").click(function(){ //alert($(this).val()); $(this).find("input[type=radio]").attr("checked", 'checked'); });服务商 name="isp" class="isplist">type="radio" name="isp原创 2013-12-09 11:00:37 · 4479 阅读 · 0 评论 -
javascript(js)中使用this
"http://www.w3.org/TR/html4/loose.dtd">无标题文档 function test(oo) { oo.getElementsByTagName("a")[0].style.display='block'; //alert(oo.innerHTML); //alert(oo.getElementsByTagName("a")[0].sty原创 2013-12-09 11:00:44 · 889 阅读 · 0 评论 -
回到顶部代码,兼容IE CHROME FIREFOX
// JavaScript Document function goTopEx(){ var obj=document.getElementById("goTopBtn"); obj.onclick=function(){ //alert('vv'); document.documentElement.scrollTop=1; document.body.s原创 2014-03-14 14:52:59 · 1548 阅读 · 0 评论 -
jquery uploadify设置与后台上传
assets/fornt/jquery.uploadify.min.js" type="text/javascript">assets/fornt/uploadify.css">$(function() { $("#_").uploadify({ formData : { 'timestamp' : '', 'token' : '' }, swf原创 2013-12-10 12:03:12 · 1995 阅读 · 0 评论 -
Chrome 调试总是进入 Paused in debugger状态
这两天用chrome调试的时候总是鼠标移动下就进入Paused in debugger状态,根本就没办法调试js。百思不得其解,各种设置都试过了。百度很n久,度娘不给力啊。最后google之,在Stackoverflow上找到了答案http://stackoverflow.com/questions/12833514/paused-in-debugger-in-chrome;原因就是:把DOMEx原创 2013-12-09 11:00:12 · 1765 阅读 · 0 评论 -
Uploadify3.2参数
Options选项设置auto 选择文件后自动上传buttonClass 给“浏览按钮”加css的class样式buttonCursor 鼠标移上去形状:arrow箭头、hand手型(默认)buttonImage 鼠标移上去变换图片buttonText 按钮文字checkExisting 在目录中检查文件是否已上传成功(1 ture,0 false)debug原创 2013-12-09 11:00:08 · 957 阅读 · 0 评论 -
Flowplayer播放器flash全屏播放器带播放按钮
Flowplayer 是一个开源(GPL 3的)WEB视频播放器。您可以将该播放器嵌入您的网页中,如果您是开发人员,您还可以自由定制和配置播放器相关参数以达到您要的播放效果。本文主要介绍Flowplayer的使用。查看演示DEMOFlowplayer支持播放flv、swf等流媒体以及图片文件,能够非常流畅的播放视频文件,支持自定义配置和扩展。1、加载flowplayer.js在要播放视频的页面的h原创 2013-12-09 11:00:01 · 3303 阅读 · 0 评论 -
jquery获取动态生成的元素【live(), on()】div text html append attr
$("button").live("click",function(){ $("p").slideToggle();});http://www.w3school.com.cn/jquery/event_live.asp$("p").on("click",function(){ alert("The paragraph was clicked.");});举例: //删除按钮 隐藏起来 $(原创 2013-12-09 10:59:52 · 2208 阅读 · 0 评论 -
Uncaught TypeError: undefined is not a function
调试JS时出现以上的错误,仔细看原来是 变量名 和 方法名 同名了。。。。。。。。。。如var a;a = a();function a(){ return 1;}Uncaught TypeError: undefined is not a function原创 2013-12-09 10:59:50 · 6554 阅读 · 0 评论 -
chrome调试工具F12方式javascript(js调试)jqueryui拖拽
打开chrome->打开需要调试的url(如http://localhost/a.php)F12打开调试工具,点击某个标签,如果有动作的话,以下代码会输出相应的内容进行调试。"http://www.w3.org/TR/html4/loose.dtd"> jQuery UI Droppable - Default functionality a拽我!b拽我!c拽我!d拽我!拖拽到这个地方原创 2013-12-09 10:59:31 · 2621 阅读 · 0 评论 -
Highcharts属性与Y轴数据值刻度显示Y轴最小最大值
Highcharts.setOptions({global:{useUTC : false}}); $(function(){ //声明报表对象 var chart = new Highcharts.Chart({ chart: { renderTo: 'container', // 报表显示在 页面位置 container 为原创 2013-12-09 10:59:23 · 3294 阅读 · 0 评论 -
【转载】网页中插入能全屏播放swf,flv视频的播放器
今天一客户提出此要求,上网查资料,无意中看到一个网站有此功能,分析了一下,发现实现此功能需要2个文件:flvplayer.swf,这个是播放器,swfobject.js,这个是控制脚本, 具体代码如下:比较简单: http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">全屏播放原创 2013-12-09 10:59:01 · 1819 阅读 · 0 评论 -
chrome 控制台js调试与断点调试
侦听效果:查看某个标签上的事件或效果,如click之类的右击 该标签,审查元素出现工具栏-》菜单 Elements查看右侧菜单-》EventListeners下面有对应的一些事件和加载了哪些JS仔细看下就有了,再分析下。断点效果:Sources中 选择需要调试的JS,在右侧框中,点侧 代码行号,设置断点。最右侧,在 Breakpoints 列表中每个断点前面都有一个复选框,取消选中就将禁用该断点原创 2013-12-09 10:58:54 · 8371 阅读 · 0 评论 -
jquery tab选项卡切换
jquery tab选项卡 ajax选项卡 静态选项卡 鼠标点击选项卡 鼠标滑过选项卡*{margin:0;padding:0;list-style-type:none;}a,img{border:0;}body{font:12px/180% Arial, Helvetica, sans-serif,"宋体";}a{color:#333;text-decoration:none;}a:转载 2013-12-16 15:11:21 · 1418 阅读 · 0 评论 -
firefox安装与调试firebug
firefox->附加组件-》firebug安装成功后,按F12即可。搜索相关内容。在上条栏 右击新标签打开。即可查看到加载的内容。原创 2013-12-20 18:07:51 · 1153 阅读 · 0 评论 -
Chrome插件开发(Extensions)
本文将从个人经验出发,讲述为什么需要Chrome插件,如何开发,如何调试,到哪里找资料,会遇到怎样的问题以及如何解决等,同时给出一个个人认为的比较典型的例子——获取网页内容,和服务器交互,再把信息反馈给用户。OK,准备开始吧,我尽量把文章写得好看点,以免读者打瞌睡。目录为什么需要为什么是Chrome需要准备什么如何开始Page ActionChrome插件结构学习资料我的例子调转载 2014-01-09 14:34:21 · 1188 阅读 · 0 评论 -
jquery多图上传相册
原文地址:http://www.huhu905.com/zhishi/zhizuo/uploadjs.htmljquery多图上传相册无刷新layerui多图上传js原生调用方法:var url = "upload/index";//layui_fileupload_lm_all("#img_thump_click", url, "#img_thump_...原创 2019-07-11 16:12:54 · 326 阅读 · 1 评论 -
PHP 截图网页截图html转为图片通过PhantomJS截图支持thinkphp和ci框架或yii
如果页面有JS错误,则会终止执行。所以我在每个html页面head里加上这句屏蔽提示:$content = str_replace("<head>",'<head><script type="text/javascript">window.onerror=function(){return true;}</script>',$content);...转载 2019-04-29 17:51:59 · 939 阅读 · 0 评论 -
layerui js获取数据表格中的动态内容on失效live失效
layerui js获取数据表格中的动态内容on失效live失效。由于jquery1.9版本之后不再使用live,所以改成on,但直接使用on以layer中又不起作用。于是用下面的语句。$(document).on('blur', '.short', function() <script type="text/html" id="shortTpl"> <inp...原创 2019-02-19 17:39:22 · 368 阅读 · 0 评论 -
调试json提交数据,模拟json发送数据POST或GET
无标题文档$(function(){ $("#post_submit").click(function(){ var post_url = $("#post_url").val(); var post_data = eval("(" + $("#post_data").val() + ")"); $.ajax( { type:"post"原创 2014-11-21 13:17:19 · 2788 阅读 · 0 评论 -
firefox模拟post(HttpRequester)
第1步第2步第3步POST原创 2014-11-03 11:53:36 · 10757 阅读 · 1 评论 -
Fancybox插件,动态创建的元素绑定事件
打开 jquery.mousewheel-3.0.4.pack.js,然后搜索 click.fb ,共有2处,分别把2处前面的 unbind 和 bind 改成 die live例如$.fn.fancybox = function(options) {$(this) .die('click.fb') .live('click.fb', function(e) { 这样一转载 2014-10-13 16:26:55 · 2139 阅读 · 0 评论 -
JS打开本地文件夹并选中文件jquery
var wsh = new ActiveXObject("WSCript.shell"); var src = /select,c:\boot.ini; wsh.run("explorer.exe "+src);有这么一个题目:一张数据DVD上存放这很多不同类型的数据,相同类型的数据存放在同一个文件夹中,需要在根目录中建立一个索引表,转载 2014-11-09 22:06:04 · 11542 阅读 · 0 评论 -
笛卡尔积(javascript
var aa=[1,2,3],bb=[1,2,3],cc=[1,2,3],dd=[1,2,3];var zz=[aa,bb,cc,dd];//此处数组个数任意var result=new Array();//结果保存到这个数组function toResult(arrIndex,aresult){ if(arrIndex>=zz.length) {result.push(aresul转载 2014-08-01 11:47:34 · 943 阅读 · 0 评论 -
ajax前端防范与js注入
今天QQ群聊到xss前端漏洞,原来是通过ajax来发布 $.ajax({ type: 'GET', url: '/search', data: 't=' + aval + '&wd=', d原创 2014-06-17 14:00:57 · 3626 阅读 · 0 评论 -
jquery全选checkbox和获取checkbox、select的值value
$(document).ready(function(){ $("#checkboxall").click(function(){ if($('#checkboxall').is(':checked')) { $("input[name='allid']").each(function(){ $(this).attr("checked",true);原创 2014-05-22 14:34:52 · 950 阅读 · 0 评论 -
幻灯片-滚动-JS
htmljs转载 2014-05-07 17:19:09 · 1079 阅读 · 0 评论 -
chrome调试JS查找JS效果侦听的函数
右击需要查看的内容,tfr原创 2014-05-05 18:40:51 · 4346 阅读 · 0 评论 -
highcharts y轴单位/刻度 自定义
yAxis: { min: 0, title: { text: '访问量' }, labels : { formatter:function (){ return this.v原创 2014-03-17 17:35:22 · 15529 阅读 · 0 评论 -
firefox控制台debug追踪JS加载数据
firefox控制台追踪JS加载数据进入界面按F12调出控制台,按F5重新载入页面数据选项卡“脚本”,ctrl+f 搜索需要的 字符串,一般会搜到到相应的内容在结果行上右键-》新标签打开,慢慢找吧。原创 2014-02-17 15:48:35 · 4051 阅读 · 0 评论 -
Highcharts一些属性说明
pageEncoding="UTF-8"%> Highcharts Demo var chart; $(document).ready(function() { chart = new Highcharts.Chart({ chart: { renderTo: 'container',//设置显示图表的容器原创 2013-12-09 10:58:48 · 1046 阅读 · 0 评论 -
Highcharts图表的setCategories
Highcharts Example $(function () { function requestData() { //setTimeout(requestData, 3000); $.getJSON('etc.php',displayData); } function displayData(dataJSON) { var series = chart.seri原创 2013-12-09 10:58:43 · 6470 阅读 · 0 评论 -
Highcharts柱状图常用参数
柱状图广泛应用于数据统计和分析,它是由一系列高度不等的纵向条纹表示数据分布的情况,能够直观的表示数据间的差异。柱状图可以是纵向和横向排列,本文讲解通过Highcharts生成一个年度财经支出统计图和一个男女比例分布图。 1、年度财经支出统计图通过以下配置,可以生成一个柱状图与曲线图共存、双Y轴、X轴标签旋转(标签名称太长的情况)、XY轴均可放大的、去除LOGO信息的统计图表。具体请看代码和注释:原创 2013-12-09 10:58:41 · 3909 阅读 · 0 评论