前端开发共27篇
获取select中所选中option值-时光博客网

获取select中所选中option值

<select id='citys' style='width: 220px; height: 35px;padding: 0 8px;' > <option>2222</option> </select> 方法一 <script> var myselect = document.getElementByI...
时光的头像-时光博客网时光10小时前
05012
获取checkbox所选中的值-时光博客网

获取checkbox所选中的值

<input name='demand' type='checkbox' value='222' /> <script> //获取所有name为demand的对象 var obj = document.getElementsByName('demand'); var demand = ''; for (var i =...
验证码倒计时60秒-时光博客网

验证码倒计时60秒

<script src='jquery.js'></script> <button class='sms_click'>发送验证码</button> <script> //获取验证码 var wait = 60; function countdown(timeer) { va...
CSS美化滚动条样式-时光博客网

CSS美化滚动条样式

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ ::-webkit-scrollbar { width: 7px; height: 7px; background-color: #F5F5F5; } /*定义滚动条轨道 内阴影+圆角*/ ::-web...
时光的头像-时光博客网时光15天前
0757
CSDN页面不登录复制代码-时光博客网

CSDN页面不登录复制代码

众所周知,CSDN复制代码需要先进行登录操作,那么不想登录该如何复制呢?来看看下面两个方法 方法一: csdn复制代码块也要登录了,真是有点麻烦,不过可以通过一个脚本把页面模式变成可编...
Bootstrap固定顶部导航菜单自动隐藏插件-时光博客网

Bootstrap固定顶部导航菜单自动隐藏插件

这是一款Bootstrap固定顶部导航菜单自动隐藏插件。该插件可以使Bootstrap固定顶部导航菜单在页面向下滚动时自动隐藏,支持bootstrap4和bootstrap3。 使用方法 在页面中引入的jquery.boots...
iframe高度自适应的6个方法-时光博客网

iframe高度自适应的6个方法

JS自适应高度,其实就是设置iframe的高度,使其等于内嵌网页的高度,从而看不出来滚动条和嵌套痕迹。对于用户体验和网站美观起着重要作用。 如果内容是固定的,那么我们可以通过CSS来给它直接定...
JS导出JSON到Excel表格-时光博客网

JS导出JSON到Excel表格

<a href='javascript:;' id='export'>导出</a> $('#export').click(function () { var Title = [{ 'value': '姓名' }, { 'value': '课题组' }, { 'value': '手机' }, { 'value...
JS导出页面table到Excel表格-时光博客网

JS导出页面table到Excel表格

<a href='javascript:;' id='export' >导出</a> <table> <thead> <tr> <th>姓名</th> <th>手机</th> </tr> &l...
说说JSON和JSONP-时光博客网

说说JSON和JSONP

什么是JSON? JSON是一种基于文本的数据交换方式,或者叫做数据描述格式 JSON的优点: 基于纯文本,跨平台传递极其简单;Javascript原生支持,后台语言几乎全部支持;轻量级数据格...
网页一键分享按钮HTML代码-时光博客网

网页一键分享按钮HTML代码

<div class='bdsharebuttonbox'> <a href='#' class='bds_more' data-cmd='more'></a> <a href='#' class='bds_qzone' data-cmd='qzone' title='分享到QQ空间'></a> <a href=...
JS身份证真实性验证-时光博客网

JS身份证真实性验证

if (testId('320888888888888888') == false) { layer.msg('身份证号不正确!'); return false; } //身份证真实性验证 function testId(value) { var vcity = { 11: '北...
js sessionStorage会话存取/删除-时光博客网

js sessionStorage会话存取/删除

// 保存数据到sessionStorage sessionStorage.setItem('key', 'value'); // 从sessionStorage获取数据 var data = sessionStorage.getItem('key'); // 从sessionStorage删除保存的数据 se...
JS生成当前页面URL二维码-时光博客网

JS生成当前页面URL二维码

<script type='text/javascript' src='http://cdn.staticfile.org/jquery/2.1.1/jquery.min.js'></script> <script type='text/javascript' src='http://cdn.staticfile.org/jquery.q...
三元运算符-时光博客网

三元运算符

var b = 5; alert((b == 5) ? a = 'true' : a = 'false'); 答案:true //判断一个整数是奇数还是偶数 var a, b; a = window.prompt('请输入数据:'); b = parseInt(a) % 2 == 0 ? '偶数' : '...
Vue时间戳转换(13位)-时光博客网

Vue时间戳转换(13位)

<div>{{ CreateDate|formatDate }}</div> <script> export default { data() { return { CreateDate: 1516703495241//13位 }; }, filters: { //13位时间戳转换 ...
时光的头像-时光博客网时光18天前
0308
图片转Base64格式-时光博客网

图片转Base64格式

<input type='file' name='dddd' id='imgs'> <input type='button' onclick='ck()' value='submit' /> var reader = new FileReader(); var AllowImgFileSize = 2100000; //上传图片最...
使用JS给HTML加个水印-时光博客网

使用JS给HTML加个水印

传入动态水印内容 //传入动态水印内容 watermark({ watermark_txt: '扯淡' }); function watermark(settings) { //默认设置 var defaultSettings = { watermark_txt: 'te...
JS打印设置-时光博客网

JS打印设置

打印预览 <script> window.print(); </script> 设置默认横向打印 <style> @page { size: landscape; } </style> 设置默认纵向打印 <style> @page { ...
使用JavaScript实现点名功能-时光博客网

使用JavaScript实现点名功能

<div id='box'>亲,准备好点名了吗?</div> <input type='button' value='开始点名' id='bt' onClick='doit()'/> <script> var namelist = ['张三', '李四', '王五', '贺六', '...