JavaScript
不爱运动的Pluto
Html5、JavaScript、Jquery、PHP、C#、ASP.NET
展开
-
Chart.js插件的canvas大小问题
Detecting when the canvas size changes can not be done directly from the CANVAS element. Chart.js uses its parent container to update the canvas render and display sizes. However, this method requires...原创 2018-09-04 15:06:26 · 5127 阅读 · 1 评论 -
Jquery获取table中某一列的数据
在一些特殊的情况下,需要获取table标签中,某一列的数据,可以使用以下代码来实现:var tdListUser = $("table>tbody>tr").find("td:eq(3)"); // 获取第四列的数据PS:只会获取该页面包含的数据,如果该页面不包含下一页的数据(由后台程序获取),则不会获取下一页的数据。...原创 2018-09-17 11:57:38 · 14025 阅读 · 4 评论 -
chart.js插件显示具体数值
简介Chart.js是一款不依赖任何外部js库的图表插件,具体的使用方法可查看Chart.js官网。需求Chart.js并没有直接提供显示具体数值的功能,需要鼠标移上去,才会显示数值,现在,我们需要显示具体的数值。效果在每一条柱状上显示具体数值。 代码实现:该代码可自动填充颜色。为了防止鼠标悬停时闪烁,需要添加以下代码:// 将hover动画设置为0,防止鼠标...原创 2018-09-10 15:36:42 · 11730 阅读 · 5 评论 -
jQuery Validator插件-检测用户是否已经存在
前言采用jQuery Validator插件对用户注册进行验证时,我们需要检测该用户是否已经被注册。可以有两种方法。方法一:在additional-methods.js文件中添加自定义验证,并引入到html文件里:$.validator.addMethod("checkExists", function(value, element){ var inputElem = ...原创 2018-10-19 15:40:59 · 462 阅读 · 0 评论 -
DataTables插件-高度自适应
应用不同显示器的分辨率不一样,导致显示效果不一致。很多情况下,在该分辨率下显示适合,在其它显示器显示过大或过小。如何调至更好的用户体验?这是一门比较耗时的功课。本篇文章应用范围很窄,只讲DataTable插件的高度自适应。在不同的分辨率下,尽可能地将表单数据更好的显示出来。实现利用css3的新单位:vh'sScrollY': 'calc(100vh - 280px)'其中,1...原创 2018-11-09 15:53:25 · 4687 阅读 · 0 评论 -
网页全屏显示与退出全屏功能
效果图示点击后全屏显示,并且图标发现变化。全屏后,点击同一按钮,会退出全屏。代码// 全屏切换代码var FullscreenFlag = false;$('#toggle-fullscreen').click(function () { if (FullscreenFlag) { ExitFullscreen(); $(this).a...原创 2019-01-29 15:32:46 · 1342 阅读 · 0 评论 -
jQuery的“append”操作在循环中即时渲染
简述在循环中使用“append”动态添加标签或内容时,只有当循环结束时,才会统一将添加的内容渲染出来。如下代码所示:for (i=0; i<5000; i++) { $('#collection').append('<li>Line Item</li>');}以上代码只有当循环结束后,才会在页面上添加内容。原因当Javascript运行...原创 2019-03-20 15:33:30 · 5856 阅读 · 0 评论 -
iframe与父容器交互,iframe与iframe交互
iframe与父容器交互iframe 元素会创建包含另外一个文档的内联框架(即行内框架)。iframe元素有其优势,在开发中,不少情况会使用到iframe元素。因此,iframe元素与父容器的交互尤为重要。开发者可参考以下代码:<!-- iframe调用父容器的方法 --><script>function init() { window.parent....原创 2019-04-04 14:05:55 · 2853 阅读 · 0 评论 -
ASP.NET MVC JS中文件路径
C# MVC的JS代码中使用文件路径,可用以下代码生成:@Url.Content("~/XXXX/XXX/XXX.jpg")原创 2019-04-22 11:00:20 · 1579 阅读 · 0 评论