JS ----- JS实用小功能
1、复制页面上文字功能
function copyIdCode()
{
var idcode = document.getElementById("personIdcodeCopy").innerText;
var oInput = document.createElement('input');
oInput.value = idcode;
document.body.appendChild(oInput);
oInput.select(); // 选择对象
document.execCommand("Copy"); // 执行浏览器复制命令
oInput.className = 'oInput';
oInput.style.display = 'none';
alert('复制成功');
} <p>身份证号码:<span id='personIdcodeCopy'>421023165465465498</span> <a onClick='copyIdCode()' class='value' style='color:blue;margin:20px;cursor: pointer;'>复制</a></p>
2、处理C#日期中的ticks
附件中存的是时间的ticks,在js中转成时间 new Date(parseInt((sttachmentsName[0]-621355968000000000)/10000))
因为ticks不是时间戳,不能直接用 new Date(parseInt(时间戳))
var detail = "";
var attachmentsArrys = rowdata.Attachments.split('|');
for (var i = 0; i < attachmentsArrys.length; i++)
{
var sttachmentsName = attachmentsArrys[i].split('_'); var url = "../upload/PassportRenewal/" + new Date(parseInt((sttachmentsName[0]-621355968000000000)/10000)).getFullYear() + "/" + attachmentsArrys[i];
if (detail == "") {
detail = "<a href='" + url + "' target='_blank'>" + sttachmentsName[1] + "</a>";
}else
{
detail = detail + "|" + "<a href='" + url + "' target='_blank'>" + sttachmentsName[1] + "</a>";
} }
return detail;
3. 弹框居中
DirectorGeneralUploadDiv为弹框的DIV的id 在显示之前调用一下这个方法
function scroll()
{
var a = $j(window).height(); //浏览器窗口高度
var c = $j("#DirectorGeneralUploadDiv").offset().top; //元素距离文档(document)顶部的高度
if (c > a) {
$j('html,body').animate({ scrollTop: $j('#DirectorGeneralUploadDiv').offset().top }, 800);
}
}
4、页面滑动到指定的位置
在指位置加一个标签,调用scrollIntoView方法
<span id='fk_span'></span>
function scroll(){
document.getElementById("fk_span").scrollIntoView();
}
JS ----- JS实用小功能的更多相关文章
- [经验共享] MapGIS实用小功能图解——由excel文件导成MapGIS点文件
项目小组的几个成员都是学地下水和环境的,对于GIS懂得不是很多,于是把一些我们经常用到的mapgis实用小功能做成帮助文档,方便大家使用,发布共享! 1.整理好EXCEL文件(注意X,Y坐标的正确性( ...
- Laravel实用小功能
Laravel实用小功能 1.控制访问次数 laravel5.2的新特性,通过中间件设置throttle根据IP控制访问次数 原理:通过回传三个响应头X-RateLimit-Limit,X-RateL ...
- 可视化—AntV G6 紧凑树实现节点与边动态样式、超过X条展示更多等实用小功能
通过一段时间的使用和学习,对G6有了更一步的经验,这篇博文主要从以下几个小功能着手介绍,文章最后会给出完整的demo代码. 目录 1. 树图的基本布局和使用 2. 根据返回数据的属性不同,定制不一样的 ...
- webpack实用小功能介绍
1.overlay overlay属于devServer的属性,配置案例如下: ? 1 2 3 4 5 6 devServer: { overlay: { errors: true, war ...
- redis-cli中那些或许我们还不知道的一些实用小功能
玩过redis的朋友都知道,redis中有一个叫做redis-cli的小工具,我们可以利用它在test和develop环境下进行高效的模拟测试,然而在现实环境中, 我们只知道直接键入redis-cli ...
- [资源]--IOS捷径大全,众多实用小功能
一.实用工具 1.支付助手3.0(新) (扫一扫.微信扫码.微信收款.支付宝扫码.Apple Pay.AA付款.查快递.蚂蚁森林.蚂蚁庄园.彩票.股票.运动.淘票票.乘车码.生活缴费.火车票等等): ...
- python实用小功能
正则匹配手机号码: regExp =r"^((13[0-9])|(15[^4])|(18[0-9])|(17[0-8])|(147)|(19[0-9]))\d{8}$"; 常用于用 ...
- js小功能整理
/** * 判断是否包含字符串某字符串 * @param {[type]} str [被检测的字符串] * @param {[type]} substr [检测是否含有的字符串] * @return ...
- JS类小功能
工作中,总是要处理一些前端的小功能.都是网上搜的JS脚本 <script> //防止页面后退 history.pushState(null, null, document.URL); wi ...
- js小功能记录
个人日常中遇到的js小功能记录,方便查看. /** * 判断是否包含字符串某字符串 * @param {[type]} str [被检测的字符串] * @param {[type]} substr [ ...
随机推荐
- 你好 Java!Solon v1.10.3 发布
相对于 Spring Boot 和 Spring Cloud 的项目: 启动快 5 - 10 倍. (更快) qps 高 2- 3 倍. (更高) 运行时内存节省 1/3 ~ 1/2. (更少) 打包 ...
- Word 文档怎么保留修改前和修改后的内容--审阅 修订
如果启用了修订内容后,对文档的内容进行了相关的修改后.则文档可以同时显示被修改的内容和修改后的内容.下面,本文通过举例具体介绍如何使用修订功能. 点击选中文档内容,然后依次点击[审阅]-[修订]-[修 ...
- ElasticSearch 实现分词全文检索 - 经纬度定位商家距离查询
目录 ElasticSearch 实现分词全文检索 - 概述 ElasticSearch 实现分词全文检索 - ES.Kibana.IK安装 ElasticSearch 实现分词全文检索 - Rest ...
- PPT 表格设计
顶级商业图表在哪找 https://www.mckinsey.com.cn/ 麦肯锡 图表 https://www.cbnweek.com 第一财经 https://data.163.com/ DAT ...
- pyinstaller打包多线程代码,运行死循环?
描述现象 用pyinstaller打包了一个上传文件的脚本,里面有多个input在while循环内,然后启用了多线程上传,在编辑器中运行没问题,但是打包完后,就一直循环提示你input... 解决 在 ...
- windows使用rclone挂载alist为本地磁盘,设置开机自启
前言 实现在windows下将alist挂载为本地磁盘,并设置开机自启,使得重启后依然生效. 教程 下载软件 Rclone: Rclone downloads WinFsp: https://winf ...
- 单位:MB、GB与MiB、GiB
MB.GB与MiB.GiB的区别在于标准不同,MB使用的是十进制标准(SI标准),MiB使用的是二进制标准(IEC标准) 在工作中最好是先确定使用什么标准,防止出错 换算表: 1KB = 10^3 = ...
- k8s--容器挂载 error: /proc must be mounted
问题描述: 登录容器,执行ps命令查看进程时,报错/proc挂载问题,如下图,按照图上所说在/etc/fstab 下添加,还是报错 思路: 可能是lxcfs挂了或者hang住了,具体要登录k8s节点实 ...
- Qt 如何配置CLion标准控制台输出?
CMake 相关问题: 即CMakeLists.txt文件中,在add_executable添加了WIN32.即当使用了WIN32标识后,就去掉了控制台,那么自然就没有信息打印出来了. # for e ...
- Feign 实现微服务调用及进行服务熔断与降级
本文为博主原创,未经允许不得转载: 1. Feign 日志级别配置 2. Feign client 封装调用 3. Feign 定义熔断降级方法 4. 通过 FallbackFactory 工厂 实现 ...