JS
夏木炎
个人学习工作记录(只对自己负责),不接受批评,不保证准确,爱看则看。。。
展开
-
History .go(number|URL) 方法
定义和用法go() 方法可加载历史列表中的某个具体的页面。该参数可以是数字,使用的是要访问的 URL 在 History 的 URL 列表中的相对位置。(-1上一个页面,1前进一个页面)。或一个字符串,字符串必须是局部或完整的URL,该函数会去匹配字符串的第一个URL。语法history.go(number|URL)实例<!DOCTYPE html><html><...原创 2018-05-17 11:22:26 · 1554 阅读 · 0 评论 -
window.showmodaldialog 兼容谷歌方案
所有涉及弹窗口的页面均调用这个脚本文件:showModalDialog.jsvar has_showModalDialog = !!window.showModalDialog;//定义一个全局变量判定是否有原生showModalDialog方法 if(!has_showModalDialog &&!!(window.opener)){ window....原创 2018-05-18 10:49:42 · 7245 阅读 · 1 评论 -
页面解析Json小结
1.如果传到页面的是Json对象JSONObject json=JSONObject.fromString(result);request.getSession().setAttribute("json", json);可以这样解析:var last=JSON.stringify(${json});var map = eval("("+last+")");alert(map.date);2....原创 2018-04-25 09:56:02 · 1451 阅读 · 0 评论 -
encodeURI来解决URL传递时的中文问题
1.前端: var url = baseContext+"xxxx.action?parm="+encodeURI(encodeURI('中'));这里要做两次encodeURI的原因以及说明::其中具体的原理分析如下,假设页面端输入的中文是一个“中”,按照下面步骤进行解码1.第一次encodeURI,按照utf-8方式获取字节数组变成[-28,-72-83],对字节码数组进行遍历,把每...原创 2018-06-11 10:40:04 · 3498 阅读 · 0 评论 -
zTree复选框案例
一.配置树参数//1.获取setting值function getSetting(){ var setting = { view: { dblClickExpand: true, selectedMulti : true,//可以多选 showLine: true }, check: { enable: true ,/...原创 2018-08-14 10:52:31 · 10470 阅读 · 4 评论 -
layer弹窗案例
一.弹出层代码layer.open({ type: 2,//2是弹出iframe title: false, area: ['900px', '450px'], shade : 0.5, content: "<%=basePath%>/hmcp/hightvalue/inventory/hmcpBalance/selectHmcpDept.spring", ...原创 2018-08-14 13:57:57 · 1659 阅读 · 0 评论 -
input+select组合使用封装
一.封装成js;(function($) { var tNum = 0; var InputSelect = function($element, options) { tNum ++; this.sNum = tNum; this.$element = $element; options = options || {}; this.defaults = { v...原创 2018-08-15 14:35:13 · 4733 阅读 · 2 评论 -
WdatePicker时间日期插件总结
一.引入插件二.简单应用案例1).代码<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <input原创 2018-08-15 16:22:06 · 11847 阅读 · 0 评论 -
解决IE不支持placeholder
一.解决方法/* * jQuery placeholder, fix for IE6,7,8,9 */var JPlaceHolder = { //检测 _check : function(){ return 'placeholder' in document.createElement('input'); }, //初始化 in...原创 2018-08-31 11:06:20 · 496 阅读 · 0 评论 -
input标签onclick事件is not a function
一.产生原因在非form里面ID 和函数名是可以重名的,在form标签里不行二.解决方法换一个函数名或者id原创 2018-08-29 09:50:54 · 10832 阅读 · 2 评论 -
zTree多选框模糊查询
一.设置seting的view属性view: { dblClickExpand: true, selectedMulti : true,//可以多选 showLine: true, fontCss: function (treeId, treeNode) {//设置高亮显示颜色和普通显示颜色 return (!!treeNode.highlight) ? {color...原创 2018-08-30 10:48:34 · 1262 阅读 · 1 评论 -
closest() 方法
一.方法含义返回第一个祖先元素二.案例代码<!DOCTYPE html><html><head><meta charset="utf-8"><title>测试closest</title><style>.ancestors *{ display: block; b原创 2018-08-30 14:13:59 · 5757 阅读 · 0 评论 -
使用localStorage本地缓存数据
一.获取对象var storage = window.localStorage;if(!storage){ alert("浏览器不支持localstorage"); return false;}else{ //主逻辑业务}二.具体使用//1、往localStorage插入值或者修改,key-value形式:storage.setItem('name'...原创 2018-09-21 16:26:25 · 3569 阅读 · 0 评论 -
JQ each双重循环出错
一.双重循环出错原因:each方法是异步的所以内层的循环时外层也一样在循环,并不会等待内层循环完再执行循环二.替代方法1)使用for2)多选框初始化案例<input type="hidden" id="commTypeNos" name="commTypeNos" value="1,2,3"/><label><input name=&原创 2018-10-29 16:10:08 · 1830 阅读 · 0 评论 -
JS判断开始时间小于结束时间案例
一.html预计入住时间:<input class="pub_textAlign_right" placeholder="例如,${memoDate }" type="text" name="preLiveInDate" id="preLiveInDate" maxlength="50" readonly="readonly">预计离原创 2018-11-22 16:29:21 · 1967 阅读 · 0 评论 -
JSON获取属性值
一.通过对象名.属性名var obj = '{"name":"hq.zheng", "age":"18"}';var data = eval('('+ obj +')');alert(obj.name);//输出hq.zheng二.通过数组索引var obj = '{"name":"hq.zheng", "age":"18"}';原创 2018-11-27 16:00:38 · 7850 阅读 · 0 评论 -
父页根据iframe子页内容调整iframe页面大小
一.带有iframe的父页1)html<!DOCTYPE html><html><head> <title>带有iframe的父页</title></head><body> <iframe src="" id="businessPage&quo原创 2018-11-28 09:04:43 · 2256 阅读 · 0 评论 -
以对象的形式封装js
一.需求每个页面定义一个对应的js对象用于动态操作该页面二.设计一个test.html页面,对应一个test.js1)、设计test.jsvar Test= function(){ return { test:null//定义公众属性 init:function(){//定义初始化方法 //初始化时需要掉的方法...原创 2019-05-30 10:06:34 · 1114 阅读 · 0 评论 -
layer弹出层不居中
解决方法一:<!doctype html>当页面缺少下面这个声明时,在页面最上面加上声明就能解决问题。本人的页面就是少了这个,加上就正常。原因就是少了这个声明,导致解析页面时不正确。定义和用法<!DOCTYPE> 声明必须是 HTML 文档的第一行,位于 <html> 标签之前。<!DOCTYPE> 声明不是 HTML 标签;它是指示 web 浏览器...原创 2018-07-12 17:18:28 · 1267 阅读 · 0 评论 -
checkbox/radio onchange不能兼容ie8处理办法
一.在ie8下,checkbox的onchange没能实现触发自定义的函数,可以手工触发function forIe(){ if($.browser.msie){ //判断浏览器是否为ie $("input[type='checkbox']").click(function(){ this.blur(); //先失去焦点,执行你的自定义的操作 this....原创 2018-07-12 17:13:50 · 786 阅读 · 0 评论 -
关于encodeURIComponen、encodeURI、escape总结
1.encodeURIComponen定义和用法encodeURIComponent() 函数可把字符串作为 URI 组件进行编码。语法encodeURIComponent(URIstring)参数 描述URIstring 必需。一个字符串,含有 URI 组件或其他要编码的文本。返回值URIstring 的副本,其中的某些字符将被十六进制的转义序列进行替换。说明该方法不会对 ASCII 字母和数字...原创 2018-04-27 11:20:47 · 1428 阅读 · 0 评论 -
eval函数的作用
一、eval是什么?(解析器)eval是一个函数,看本质function eval() { [native code] } 二、怎样使用eval? 语法:string 必需。要计算的字符串,其中含有要计算的 JavaScript 表达式或要执行的语句。通过计算 string 得到的值(如果有的话) 该方法只接受原始字符串作为参数,只接受一个参数 如果 string 参数不是原始字...原创 2018-05-18 09:10:14 · 31709 阅读 · 0 评论 -
arguments函数
arguments 是一个对应于传递给函数的参数的类数组对象。语法arguments描述arguments对象是所有(非箭头)函数中都可用的局部变量。你可以使用arguments对象在函数中引用函数的参数。此对象包含传递给函数的每个参数的条目,第一个条目的索引从0开始。例如,如果一个函数传递了三个参数,你可以以如下方式引用他们:arguments[0]arguments[1]arguments...原创 2018-05-18 09:16:58 · 1755 阅读 · 0 评论 -
form表单target属性运用
form表单的target,当iframe设置为隐藏时,可以实现当前页表单提交而部进行跳转刷新,代码如下:<form action="提交的action" method="post" target="myIframe">.....................</form><iframe name="myIframe" style="display原创 2018-05-18 17:23:56 · 1915 阅读 · 0 评论 -
图片上传预览兼容IE
1.页面代码<input type=file name="doc" id="doc" onchange="javascript:setImagePreview();"> <p> <div id="localImag"><img id="preview" width=-1 height=-1 style原创 2018-05-16 17:16:59 · 767 阅读 · 0 评论 -
带文件表单提交走回调函数
1.页面引入jQuery文件,页面引入jQuery的表单插件jQuery.form.js2.案例一(传带文件的表单又想走回调建议使用):注意:需要导入插件jQuery.form.js<form id="mainForm" method="post" enctype="multipart/form-data" class="jsrz_main_information"> ...原创 2018-05-16 17:30:45 · 823 阅读 · 0 评论 -
js格式化获取到的系统时间
1.js方法//时间转换格式 Date.prototype.format = function(fmt) { var o = { "M+" : this.getMonth()+1, //月份 "d+" : this.getDate(), //日 "...原创 2018-06-08 09:19:38 · 352 阅读 · 0 评论 -
动态添加的元素动态绑定事件
1.版本说明:请看看你们的版本并对号入座: jquery1.6版本以下都不支持on委托事件 jquery1.3 至 jQuery1.8版都支持live委托事件 jquery1.9 以后的版本不支持live委托事件,但是on事件可以替代livejquery1.3版本以下的(不包括jquery1.3),是时候更新你的jquery版本了。如果jquery版本是在1.3-1.8之间...原创 2018-06-11 10:21:51 · 2787 阅读 · 0 评论 -
ES6数据类型set案例
案例代码:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>数据类型set</title> </head> <body> <script type="tex原创 2018-07-09 09:19:28 · 165 阅读 · 0 评论 -
ES6数据类型Map案例
代码案例:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>数据类型Map</title> </head> <body> <script type="tex原创 2018-07-09 09:43:35 · 370 阅读 · 0 评论 -
ES6数据类型Symbol案例
案例代码:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>数据类型Symbol</title> </head> <body> <script type="原创 2018-07-09 10:22:26 · 191 阅读 · 0 评论 -
ES6面向对象(class)案例
案例代码:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>class的基本运用</title> </head> <body> <script type="原创 2018-07-09 10:46:40 · 810 阅读 · 0 评论 -
ES6解构赋值案例
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>解构赋值</title> </head> <body> <script type="text/javasc原创 2018-07-06 17:14:06 · 467 阅读 · 0 评论 -
ES6绚丽小球案例
案例代码;<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>绚丽小球</title> <style> body{ margin: 150px; } #canvas{ margin原创 2018-07-09 13:40:04 · 577 阅读 · 0 评论 -
ES6模板字符串案例
一.案例代码:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>内置对象扩展</title> </head> <body> <script type="te原创 2018-07-09 15:28:25 · 617 阅读 · 1 评论 -
ES6数组扩展(nodeList转数组)、对象扩展(对象合并)、延展操作符(字符串转数组)
案例代码:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>内置对象扩展</title> </head> <body> <ul> <原创 2018-07-09 16:41:54 · 1263 阅读 · 0 评论 -
ES6函数扩展(设置参数默认值,不确定参数个数,this对象绑定问题)案例
案例代码:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>函数扩展</title> </head> <body> <script type="text/j原创 2018-07-09 17:21:14 · 1846 阅读 · 0 评论 -
js封装加减乘除
/** * 加法运算,避免数据相加小数点后产生多位数和计算精度损失。 * * @param num1加数1 | num2加数2 */function numAdd(num1, num2) { var baseNum, baseNum1, baseNum2; try { baseNum1 = num1.toString().split(".")[1].length; } ca...原创 2019-06-11 10:03:59 · 1719 阅读 · 0 评论