前端杂记
Json_wangqiang
JAVA全堆工程师
展开
-
echarts 分组绘制柱状图
echarts 分组绘制柱状图示意图:代码如下:<!DOCTYPE html><html style="height: 100%"> <head> <meta charset="utf-8"> </head> <body style="height: 10原创 2018-09-01 13:14:00 · 4765 阅读 · 0 评论 -
Div与Span
Div与Span你对DIV与SPAN区别及用法是否了解,这里和大家分享一下,在DIV+CSS开发的时候在html网页制作,特别是标签运用中DIV和span的区别及用法都是非常重要的内容。DIV与SPAN区别及用法在DIV+CSS开发的时候在html网页制作,特别是标签运用中DIV和span的区别及用法。新手在使用web标准(DIVCSS)开发网页的时候,遇到第一个问题是DIV与span...原创 2014-10-08 16:17:00 · 341 阅读 · 0 评论 -
(转)CSS颜色及<a>标签超链接颜色改变
(转)CSS颜色及<a>标签超链接颜色改变CSS颜色大全<a>标签超链接颜色改变 A:hover {BACKGROUND-COLOR: #ffccff; COLOR: #0080ff} (hover表示鼠标指示时,链接文字背景色为#ffccff;前景色为#0080ff) A:link {color:#000...转载 2014-09-26 15:15:00 · 260 阅读 · 0 评论 -
checkbox全选、全不选实现
checkbox全选、全不选实现<form name=aa1 > <p> <input type=checkbox name="radiotex" value="1">1 </p> <p> <input t原创 2014-09-15 15:29:00 · 140 阅读 · 0 评论 -
下拉框联动(根据父框选中的值来控制子框是否显示)
下拉框联动(根据父框选中的值来控制子框是否显示)//设置两个div,实现//jdzt1,jdzt 是两个下拉框idjQuery(document).ready(function(){ var jdzt1 =document.getElementById("jdzt1").value; var jdzt =document.getElementById("jdzt...原创 2014-09-09 15:47:00 · 255 阅读 · 0 评论 -
JS实现拦截方法调用
JS实现拦截方法调用/** * JS 方法拦截方法,只要返回false,后边的方法就不再执行 * 调用示例 : * func = func.before(beforefn).after(afterfn); * func(); */Function.prototype.before = function(beforefn){ var _sel...原创 2014-09-09 15:38:00 · 1902 阅读 · 0 评论 -
iframe实现自适应高度
iframe实现自适应高度代码简单,兼容性还可以<script>function SetWinHeight(obj){ var win=obj; if (document.getElementById) { if (win && !window.opera) { if (win.contentDocument && win...原创 2014-08-26 13:04:00 · 103 阅读 · 0 评论 -
js获取地址栏某个参数
js获取地址栏某个参数一、获取单个参数:若地址栏URL为:abc.html?id=123function getString(){ var locurl=location.href; var start=locurl.indexOf("?"); var end=locurl.length; var tempstr=locurl.subst...原创 2014-08-26 10:55:00 · 165 阅读 · 0 评论 -
JS中innerHTML,innerText,value
JS中innerHTML,innerText,value innerHTML<!DOCTYPE html><html><body><h1>My First Web Page</h1><p id="demo">My First Paragraph.</p><转载 2014-07-09 11:42:00 · 213 阅读 · 0 评论 -
JQuery与js具体使用的区别(不全,初学)
JQuery与js具体使用的区别(不全,初学)jQuery能大大简化Javascript程序的编写 要使用jQuery,首先要在HTML代码最前面加上对jQuery库的引用,比如: <script language="javascript" src="/js/jquery.min.js"></script> 库文件既可以放在本地,也可以直接...原创 2014-05-30 11:41:00 · 144 阅读 · 0 评论 -
jquery中的$(document).ready()使用小结
jquery中的$(document).ready()使用小结 本篇文章主要是对jquery中的$(document).ready()使用方法进行了详细的总结介绍,需要的朋友可以过来参考下,希望对大家有所帮助 window.onload = function(){ alert("welcome"); } 这样的写法作用是希望在页面加载完,自动执行定义js代码(function)。...原创 2014-05-30 11:21:00 · 292 阅读 · 0 评论 -
jQuery之$(document).ready()使用介绍
jQuery之$(document).ready()使用介绍 学习jQuery的第一件事是:如果你想要一个事件运行在你的页面上,你必须在$(document).ready()里调用这个事件 学习jQuery的第一件事是:如果你想要一个事件运行在你的页面上,你必须在$(document).ready()里调用这个事件。所有包括在$(document).ready()里面的元素或事件都将...原创 2014-05-30 11:12:00 · 307 阅读 · 0 评论 -
js脚本都可以放在哪些地方
js脚本都可以放在哪些地方js脚本应该放在页面的什么地方 1.head部分 包含函数的脚本位于文档的 head 部分。这样我们就可以确保在调用函数前,脚本已经载入了。2.body部分 执行位于 body 部分的脚本。3.外部JavaScript 编写外部.js文件,在页面引入,在 script标签的src...原创 2014-05-28 10:29:00 · 417 阅读 · 0 评论 -
关于table 冻结 标头及列---js控制方法
关于table 冻结 标头及列---js控制方法<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DT原创 2014-11-24 09:32:00 · 246 阅读 · 0 评论 -
Jquery操作Table
Jquery操作TableJquery 操作 Html Table 是很方便的,这里对表格的基本操作进行一下简单的总结。首先建立一个通用的表格css 和一个 表格Table:table{ border-collapse: collapse; border-spacing: 0; margin-right: auto; margin-left: aut...转载 2014-12-31 11:20:00 · 157 阅读 · 0 评论 -
解决其他浏览器没有propertychange事件
解决其他浏览器没有propertychange事件监听实现:/** * Listener.js * 此类用于解决非ie下,通过js改变input的值时, * 无法触发其事件的问题(如:onpropertychange, oninput, onchange) */function Listener() { //定时器 var interval_l = null; //k...原创 2015-03-11 13:49:00 · 1091 阅读 · 0 评论 -
微信JSSDK权限签名申请
微信JSSDK权限签名申请前提:1、绑定域名 先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。 里边有说明(这里提示一点:需要把当前公众号的验证文件放到指定目录下)2、需要参数: APPID、APPSECRET、服务器IP地址添加到IP白名单 申请JSSDK签名:第一步:(https请求方式: GET)(前提:替换APPID、APP...原创 2018-04-08 14:05:00 · 543 阅读 · 0 评论 -
使用localStorage保存搜索记录
使用localStorage保存搜索记录//过滤一个结果的空记录添加,过滤空搜索 默认保存10条记录,自己可修改function setHistoryItems(keyword) { keyword = keyword.replace("/^\s+|\s+$/g",""); let { historyIndexSearchItems } = localStorage; ...原创 2017-07-31 21:53:00 · 470 阅读 · 0 评论 -
(转)AJax跨域:No 'Access-Control-Allow-Origin' header is present on the requested resource
(转)AJax跨域:No 'Access-Control-Allow-Origin' header is present on the requested resource在本地用ajax跨域访问请求时报错:No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http:/...转载 2017-07-12 10:49:00 · 223 阅读 · 0 评论 -
(转)让浏览器支持Webp
(转)让浏览器支持Webp转载:https://segmentfault.com/a/1190000005898538?utm_source=tuicool&utm_medium=referralWebp介绍webp是一种同时提供了有损压缩与无损压缩的图片档案格式 ,衍生自影像编码格式VP8,是由Google在购买On2 Technologies后发展出来,以BSD授权条款释...转载 2017-05-25 11:17:00 · 236 阅读 · 0 评论 -
js禁止浏览器的回退事件
js禁止浏览器的回退事件直接来个终极方案:查找了好多资料才找到的,这种方式,可以消除 后退的所有动作。包括 键盘、鼠标手势等产生的后退动作。<script language="javascript"> //防止页面后退 history.pushState(null, null, document.URL); window.addEventListe...原创 2017-04-20 10:55:00 · 304 阅读 · 0 评论 -
(转)addEventListener()与removeEventListener()详解
(转)addEventListener()与removeEventListener()详解转自:http://www.111cn.net/wy/js-ajax/48004.htmaddEventListener()与removeEventListener()用于处理指定和删除事件处理程序操作。所有的DOM节点中都包含这两种方法,并且它们都接受3个参数:要处理的事件名、作为事件处理程序的函...转载 2017-04-20 10:46:00 · 413 阅读 · 0 评论 -
(转)微信禁用右上角的分享按钮,WeixinJSBridge API以及隐藏分享的子按钮等菜单项...
(转)微信禁用右上角的分享按钮,WeixinJSBridge API以及隐藏分享的子按钮等菜单项<!--禁用微信分享按钮--> <script> function onBridgeReady() { WeixinJSBridge.call('hideOptionMenu'); } if ...转载 2017-05-25 13:58:00 · 392 阅读 · 0 评论 -
(转)Javascript的DOM操作 - 性能优化
(转)Javascript的DOM操作 - 性能优化转载:https://my.oschina.net/blogshi/blog/198910摘要: 想稍微系统的说说对于DOM的操作,把Javascript和jQuery常用操作DOM的内容归纳成思维导图方便阅读,同时加入性能上的一些问题. 前言 在前端开发的过程中,javascript极为重要的一个功能就是对DOM对象...原创 2017-02-07 17:20:00 · 247 阅读 · 0 评论 -
HTML5 客户端存储数据的两种方式
HTML5 客户端存储数据的两种方式HTML5 提供了两种在客户端存储数据的新方法:localStorage - 没有时间限制的数据存储 sessionStorage - 针对一个 session 的数据存储之前,这些都是由 cookie 完成的。但是 cookie 不适合大量数据的存储,因为它们由每个对服务器的请求来传递,这使得 cookie 速度很慢而且效率也不高。在 HTML...原创 2016-11-01 11:00:00 · 563 阅读 · 0 评论 -
laytpl : 一款非常轻量的JavaScript模板引擎
laytpl : 一款非常轻量的JavaScript模板引擎//假设你得到了这么一段数据var data = { title: '前端圈', intro: '一群码js的骚年,幻想改变世界,却被世界改变。', list: [{name: '贤心', city: '杭州'}, {name: '谢亮', city: '北京'}, {name: '浅浅', city: '杭州'},...原创 2016-11-01 10:27:00 · 316 阅读 · 0 评论 -
关于控制下拉框select只读的js控制
关于控制下拉框select只读的js控制 文本框有readonly属性,直接设置;下拉框没有readonly属性,也不能通过其他属性进行只读的设置,下拉框只有disabled属性,但是这个属性设成true之后,值就获取不到了;我在网上搜了一下,大部分是控制鼠标、键盘事件,来控制只读的(即:不让下拉框获取焦点)代码如下:<span onmousemove="this.s...原创 2015-05-13 11:07:00 · 750 阅读 · 0 评论 -
(转)mailto调用本地默认客户端发邮件
下面介绍如何利用 Mailto功能: 实现 Mailto的基本html代码: <a href="mailto:123@qq.com">点击这里发邮件!</a> 当访问者点击这个链接时,会调用他们客户端的email程序,并在收件人框中自动填上收件人的地址。下面,我们将分以下几步介绍如何增加mailto的功能。 第一步:创建一个基本的mailto,包含收件人...转载 2015-03-25 09:35:00 · 2296 阅读 · 0 评论 -
js实现整数转化为小数
js实现整数转化为小数toFixed 方法返回一个字符串,代表一个以定点表示法表示的数字。number .toFixed(i) 参数bumber必选项。一个 Number 对象。i可选项。小数点 后的数字位数。其值必须在 0 – 20 之间,包括 0 和 20。说明toFixed 方法返回一个以定点表示法表示的数字的字符串形式。该字符串中小数点 之前有一...原创 2014-05-28 09:32:00 · 5098 阅读 · 0 评论