js
文章平均质量分 52
云中不知人
这个作者很懒,什么都没留下…
展开
-
html jquery post后更新整个页面
在点击按钮提交数据后,发现页面没有更新,只能调用回调函数进行了整个页面html代码的更新来刷新页面:如下$(document).ready(function(){ $("#gobtn").click(function(){ var ip=$("#ip").val(); $.post("/process/",{'hostip':ip}, function(data,sta原创 2017-04-28 11:07:29 · 3607 阅读 · 0 评论 -
js 获取select标签的选中值
在js中,如何获取select标签的选中值呢?以下是一个比较普遍的方式:$(document).on("click","#scriptname",function(){ var scriptname = $("#e1 option:selected").text(); console.log("selected: " + scriptname);})如上 通过添加 opti原创 2017-07-13 11:54:58 · 357 阅读 · 0 评论 -
js bootstrap 设置滚动条滚动到最后
当文本不断刷新增加时,希望在页面的滚动条能随着滚动到最后,方式如下:在div中添加滚动功能,在class中加上pre-scrollable:show result here在js中,添加对滚动条的控制:function processProgress(content){ try { if (content === "") { return false; } co原创 2017-07-14 10:57:45 · 2750 阅读 · 0 评论 -
bootstrap popover与a标签点击事件冲突,需要点击两下才能显示问题
做了个消息提示框,在dropdown-menu下的每个item点击弹出Popover框,页面代码如下: 0原创 2017-08-17 11:41:46 · 4282 阅读 · 0 评论 -
JavaScript为unicode编码转换为中文
方法一:str =" INFO \u9632\u706b\u5899\u6210\u529f\u5173\u95ed"str = eval("'" + str + "'");方法二:str = unescape(str.replace(/\u/g, "%u"));原创 2017-07-27 10:37:16 · 930 阅读 · 0 评论 -
javascript 点击事件执行两次js问题
因为利用js在页面加载后添加需要点击事件的代码,发现在点击后会代码会执行两次,因为有toggle效果,导致弹窗出现又很快丢失查了一些资料,发现这是冒泡的原因,需要在点击事件代码中加入阻止冒泡的方法:e.stopPropagation();但是发现还是不行后面查到,off函数可以解除由on函数所绑定的事件,所以在js代码中on函数前调用下Off函数,就正常了:$("li.task原创 2017-08-25 15:20:04 · 21840 阅读 · 5 评论 -
js 判断数组是否包含某个key
可以用函数hasOwnProperty来进行判断,如下:if (result.hasOwnProperty('code') && !result.code) { alertify.alert(result.msg)}原创 2017-09-15 11:06:48 · 8093 阅读 · 0 评论 -
bootstrap select2插件用ajax来获取和显示数据
用select2插件,实现以下这个选择框:1、html代码 预定义参数 2、js代码$("#preParamDefine").select2({ //data: data, placeholder:'请选择',//默认文字提示 tags: true,//允许手动添加 allowClear: true,//允许清空原创 2017-08-31 10:34:14 · 9195 阅读 · 0 评论 -
django bootstrap 获取zabbix告警信息并展示
想在自己的页面里面把zabbix的告警信息展示出来,效果图如下:下面来说说如何实现:1、获取zabbix告警数据接口这个在我之前的文章里说过,参考:http://blog.csdn.net/u011085172/article/details/77374879点击打开链接2、css代码.separator { height: 1px; borde原创 2017-08-22 15:16:36 · 3634 阅读 · 0 评论 -
javascript 字符串特殊字符转义及中文显示
代码如下function html_encode(str){ var s = ""; if (str.length == 0) return ""; s = str.replace(/&/g, ">"); s = s.replace(/</g, "<"); s = s.replace(/>/g, ">"); s = s.replace(/ /g原创 2017-08-17 12:18:44 · 4685 阅读 · 0 评论 -
利用html sessionStorge 来保存局部页面在刷新后回显,保留
在一个页面里面,有个局部页面记录这当前session的任务记录,之前用的cookie来进行保存,发现cookie能保存的大小太小,于是用session来保存,代码是想实现在刷新或离开到其他页面load时将页面中的局部内容保留,使之与刷新前一致,不丢失如下:$(function () { if (!window.sessionStorage.getItem("myhtml"))原创 2017-08-17 11:58:55 · 3070 阅读 · 1 评论 -
jquery datatable 通过ajax从后台获取每个分页数据后,搜索框无法搜索问题
当我们通过如下的ajax到后台获取数据permissionTable = $('#permissionTable').DataTable({ "ajax": { "url": "/user/permission_get", "data": function(d) { d.type = 'getPer原创 2017-10-09 16:39:04 · 2833 阅读 · 0 评论 -
bootstrap table中的行tr标签设置display:block后行样式错乱问题
在table中,如果在tr加上display样式时,会发生错乱如下: fa fa Gold Level Virtual Server 已完成 haha Platinum Level Virtual Server 正在执行 aha Hardware Switch 已完成效果如图:可以看到,第一行在设置dis原创 2017-11-15 10:23:38 · 4774 阅读 · 0 评论 -
js 实现递归从后台获取任务数据,直到任务完成
假如有一个任务列表taskList,从这个列表中弹出一个任务id,到后台获取数据,如果已经完成那么处理,如果还没完成,那么再次到后台获取数据,直到完成。实现方式如下:function getTaskData(task,taskList,recode){ console.log('获取task-'+recode+':'+task) $.ajax({ 'url':'/jgwork原创 2017-11-15 10:34:27 · 2504 阅读 · 0 评论 -
bootstrap 输入框组 通过加减按钮来增加删除内嵌输入框组
实现效果图如下:当我点击 + 按钮时,会添加一行输入框组;当点击 - 按钮时,会删除这一行输入框组html代码如下: salt配置: + 按钮 点击触发事件函数:function addSaltIpGrp(obj){ html = ''+ 'IP:'+ ''+ 'API端口:'+ ''+原创 2017-11-15 10:50:47 · 10960 阅读 · 2 评论 -
js jq 删除列表元素
if ($.inArray(value,array_1)==-1) { array_1.splice($.inArray(value,array_1),1)}原创 2018-09-21 12:04:57 · 2154 阅读 · 0 评论 -
js 深拷贝
js中,对于动态对象通过赋值,concat,或是扩展运算符进行变量定义的,都是浅拷贝。如果要进行深拷贝,一种方式是进行循环进行append,加入到新变量中,这种方式比较麻烦另外一种的话,就是通过$.extend函数进行深拷贝了,方式如下:以对一个列表进行深拷贝为例:array_1=[1,2,3]array_2= $.extend([],array_1)这样之后,修改arr...原创 2018-09-21 12:10:55 · 266 阅读 · 0 评论 -
js 搜索表格中包含某字段的行
在页面中,如果有一个表格(table)数据显示,想对这个table进行搜索,实现如下:$(document).on('keyup', '.searchValue', function () { searchValue(this);});function searchValue(input) { var searchValue = input.value.toLower原创 2017-06-06 17:39:18 · 2932 阅读 · 1 评论 -
js 检查登录名和密码
var username=document.getElementById("username").value; var password=document.getElementById("password").value; if(/^ *$/.test(username) ){ $("#username").effect("shake"); retu原创 2017-06-06 11:06:51 · 408 阅读 · 0 评论 -
js笔记
点击这里document.write("This is a heading");document.write("This is a paragraph");x=document.getElementById("demo") //查找元素x.innerHTML="Hello JavaScript"; //改变内容function myFunction(原创 2017-04-18 17:59:43 · 254 阅读 · 0 评论 -
jQuery 选择器
选择器实例选取*$("*")所有元素#id$("#lastname")id="lastname" 的元素.class$(".intro")所有 class="intro" 的元素element$("p")所有 元素.class.class原创 2017-04-20 11:21:27 · 263 阅读 · 0 评论 -
jQuery 事件方法
jQuery 事件方法事件方法会触发匹配元素的事件,或将函数绑定到所有匹配元素的某个事件。触发实例:$("button#demo").click()上面的例子将触发 id="demo" 的 button 元素的 click 事件。绑定实例:$("button#demo").click(function(){$("img").hide()})上面的例子会在点击 id="d原创 2017-04-20 11:26:18 · 195 阅读 · 0 评论 -
jQuery 效果函数
jQuery 效果函数方法描述animate()对被选元素应用“自定义”的动画clearQueue()对被选元素移除所有排队的函数(仍未运行的)delay()对被选元素的所有排队函数(仍未运行)设置延迟dequeue()运行被选元素的下一个排队函数fadeIn转载 2017-04-20 11:28:25 · 459 阅读 · 0 评论 -
jQuery 文档操作方法
这些方法对于 XML 文档和 HTML 文档均是适用的,除了:html()。方法描述addClass()向匹配的元素添加指定的类名。after()在匹配的元素之后插入内容。append()向匹配元素集合中的每个元素结尾插入由参数指定的内容。appendTo()向目标结尾插入匹转载 2017-04-20 11:29:17 · 204 阅读 · 0 评论 -
jQuery 属性操作方法
下面列出的这些方法获得或设置元素的 DOM 属性。这些方法对于 XML 文档和 HTML 文档均是适用的,除了:html()。方法描述addClass()向匹配的元素添加指定的类名。attr()设置或返回匹配元素的属性和值。hasClass()检查匹配的元素是否拥有指定的类。ht转载 2017-04-20 11:29:56 · 399 阅读 · 0 评论 -
jQuery CSS 操作函数
下面列出的这些方法设置或返回元素的 CSS 相关属性。CSS 属性描述css()设置或返回匹配元素的样式属性。height()设置或返回匹配元素的高度。offset()返回第一个匹配元素相对于文档的位置。offsetParent()返回最近的定位祖先元素。po转载 2017-04-20 11:30:26 · 420 阅读 · 0 评论 -
jQuery Ajax 操作函数
jQuery Ajax 操作函数jQuery 库拥有完整的 Ajax 兼容套件。其中的函数和方法允许我们在不刷新浏览器的情况下从服务器加载数据。函数描述jQuery.ajax()执行异步 HTTP (Ajax) 请求。.ajaxComplete()当 Ajax 请求完成时注册要调用的处理程序。这是一个 Ajax 事件。转载 2017-04-20 11:31:14 · 174 阅读 · 0 评论 -
jQuery 遍历函数
jQuery 遍历函数jQuery 遍历函数包括了用于筛选、查找和串联元素的方法。函数描述.add()将元素添加到匹配元素的集合中。.andSelf()把堆栈中之前的元素集添加到当前集合中。.children()获得匹配元素集合中每个元素的所有子元素。.closest()转载 2017-04-20 11:31:50 · 202 阅读 · 0 评论 -
jQuery 数据操作函数
jQuery 数据操作函数这些方法允许我们将指定的 DOM 元素与任意数据相关联。函数描述.clearQueue()从队列中删除所有未运行的项目。.data()存储与匹配元素相关的任意数据。jQuery.data()存储与指定元素相关的任意数据。.dequeue()从队列转载 2017-04-20 11:32:31 · 429 阅读 · 0 评论 -
jQuery DOM 元素方法
jQuery DOM 元素方法函数描述.get()获得由选择器指定的 DOM 元素。.index()返回指定元素相对于其他指定元素的 index 位置。.size()返回被 jQuery 选择器匹配的元素的数量。.toArray()以数组的形式返回 jQuery 选择器匹配的转载 2017-04-20 11:33:11 · 399 阅读 · 0 评论 -
jquery笔记
基础 jQuery 实例下面的例子演示了 jQuery 的 hide() 函数,隐藏了 HTML 文档中所有的 元素。实例$(document).ready(function(){$("button").click(function(){$("p").hide();});});This is a headingThis is a原创 2017-04-20 12:14:13 · 281 阅读 · 0 评论 -
jqury 获取表格中点击删除图标后要删除一行的元素数据
如题,我在界面上有个表格,表格每一行后面有个删除按钮,当我点击删除按钮时,我希望能获取按钮所在这一行的数据,以用来post到后端,在数据库中删除这一行数据我的架构为django1、表格的html title body原创 2017-05-12 11:15:05 · 2584 阅读 · 0 评论 -
django bootstrap 向modal插件传递参数
1、modal 模态框 的代码如下: × New message Title: Body:原创 2017-05-12 17:08:27 · 4011 阅读 · 1 评论 -
js bootstrap 警告框的隐藏和显示
在提交form时,经常需要检查输入框的数据是否正确,如果不正确需要提示出来bootstrap有个警告框的插件,用在这里也合适,下面就是介绍这个警告框的隐藏与显示:1、在显示页面中先隐藏 Title: is must be not null 2、在提交按钮后判断输入框是否为空,如果原创 2017-05-15 15:05:51 · 13951 阅读 · 1 评论 -
js中keyCode对照表及用法示例
Keycode对照表字母和数字键的键码值(keyCode)按键键码按键键码按键键码按键键码A65J74S83149B66K75T84250C67L76U85351D68M77V8645原创 2017-06-06 11:00:15 · 901 阅读 · 0 评论 -
js 两个列表取交集
js没有直接的方式来获取两个列表的交集,需要自己写一个函数,如下:function jiaoji(arr_1,arr_2){ //先对arr_1进行一次深拷贝,防止对原两个列表造成影响 let temp_list = $.extend([],arr_1) arr_1.forEach(function(value){ //如果arr_1的元素不在arr_2中,那么去...原创 2018-09-21 12:20:25 · 4015 阅读 · 0 评论