最后更新日:2014年12月21日
1、得到一共几个option:document.getElementById("caseClassify").options.length;
得到option内容:document.getElementById("caseClassify").options[i].innerHTML
2、超过大小用滚动条代替overflow:auto
图片与文字水平对齐:vertical-align
3、JSON.parse(needObj); 解析成JSON
JSON.stringify(obj); 封装成JSON
4、window.sessionStorage.removeItem(userId);根据ID删除
window.sessionStorage.getItem(userId);根据ID得到
window.sessionStorage.setItem(roleIds,roleIdList);根据key保存value
上述适用于HTML5
5、$("#id").draggable()表示可以拖动
$("#id").show()->parent.parent.jQuery("#id").show()
6、a标签传参乱码解决办法:
办法1:
window.location.href="/a/b.do?method=c&d="+encodeURI("张三");
new String(x.getBytes("iso-8859-1"),"UTF-8")
办法2:
window.location.href="/a/b.do?method=c&d="+encodeURI(encodeURI("张三"));
URLDecoder.decode(x,"UTF-8")
7、setTimeout三种用法:
setTimeout("test()",1000);
setTimeout(test,1000);
setTimeout(function(){test();},1000);
8、时间相关:
var data = new Date();
var year = data.getFullYear();//年
var month = data.getMonth() + 1;//月
var day = data.getDate();//日
var hours=data.getHours();//时
var min=data.getMinutes();//分
var sec=data.getSeconds();//秒
var week = data.getDay();//0表示周日,6表示周六
9、页面无缓存:
<META HTTP-EQUIV="pragma" CONTENT="no-cache">
<META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate">
<META HTTP-EQUIV="expires" CONTENT="0">
10、鼠标移上一块区域触发事件,可以通过CSS来写,如:
.b:hover{
background-color:yellow;
}
点击事件调用CSS可以写为:
var x = document.getElementById("example");
x.onclick = function(e){
e.preventDefault();//取消单击事件的默认动作以阻止链接的跳转
x.className = "a";
};
11、IE浏览器简单判断:
<!-- IE10不支持条件判断 -->
<!--[if IE 9]>
<link rel="stylesheet" type="text/css" href="a.css"/>
<![endif]-->
<!--[if IE 8]>
<link rel="stylesheet" type="text/css" href="b.css"/>
<![endif]-->
12、简单模拟iframe局部刷新
主页引的iframe
<div id="rightiframeZone">
<iframe scrolling="no" id="rightiframe" name="rightiframe" src="rightiframe.html" style="width:100%;height:661px;" frameborder=0>
</iframe>
</div>
另一个页面
<a href='rightiframe.html' target="rightiframe">
<span id='hideZone' hidden="hidden"></span>
</a>
要刷新主页面只要:$('#hideZone').click();
关于页面自刷新(重新刷新页面)还可以:window.location.reload();
13、数组和对象
var x = [1,2,3,4,5];
x.reverse();//逆序输出数组
var y = {};
console.log(typeof y);//类型判断
console.log(y instanceof Object);//是否属于某个类型
var z = {x:10,y:20};
console.log('x' in z);//true
delete z.x;
console.log('x' in z);//false
var m = [,,];
console.log(m.length);//为2而不是3,最后一位为空是不算的
var n = [1,3,4];
n = n.join('$')//1$3$4;
14、none和hidden
document.getElementById('id').style.display = 'none';//释放空间
document.getElementById('id').style.visibility = 'hidden';//占位,不释放空间
15、radio的选取
如:性别<input type="radio" name="gender" value="男"/>男<input type="radio" name="gender" value="女"/>女<br />
一般用到对其的操作为:
$("input[name='gender']").is(":checked");//是否被选择
$('input[name="gender"]:checked').val();//选择的值
16、两数组取并集简单解决方法
方法一:
var x = ['c','d','a','b'];
var y = ['d','c','f'];
for(i=0;i<y.length;i++){
var flag = true;
for(var j=0;j<x.length;j++){
if(x[j]==y[i]){
y.splice(i,1);
flag = false;
break;
}
}
if(flag){
x.push(y[i]);
}
}
console.log(x);
方法二:
var x = ['c','d','a','b'];
var y = ['d','c','f'];
var context = {};
for(var i=0;i<x.length;i++){
context[x[i]] = x[i];
}
for(var j=0;j<y.length;j++){
context[y[j]] = y[j];
}
//输出
for(var k in context){
console.log(k);
}
个人比较喜欢第二种写法
17、地址引用和值引用及日期相关注意
var newNowDate = nowDate.getTime();//地址引用
var newNowDate = new Date(nowDate.getTime());//值引用
18、获取table内的值
var table = document.getElementById("a");
var rows = table.rows;//得到所有的行
rows[0].cells[3];//得到某行某列
19、回车事件
var x = document.getElementsByClassName('a')[0];
x.onkeydown = function(e){
var e = event ||
window.event ||
arguments.callee.caller.arguments[0];
if(e&&e.keyCode==13){
console.log(1);
}
};
分享到:
相关推荐
NULL 博文链接:https://quarterlifeforjava.iteye.com/blog/2124048
javascript中给数组加元素是一个非常简单的问题,javascript本身就提供了大量这类函数,我们可以使用js自带函数快速给数组增加元素了,本文就javascript进行数组追加的方法做出如下小结。以前常用的是arr.concat(arr2...
java 追加文件内容 java 追加文件内容 java 追加文件内容
使用JQuery的常用技巧,方便初学者了解jQuery的常用功能。
C# FileStream 追加写入字符串到文本中 C# FileStream 追加写入字符串到文本中 C# FileStream 追加写入字符串到文本中 C# FileStream 追加写入字符串到文本中
android ListView 动态追加数据 显示追加进度
主要介绍了基于Java向zip压缩包追加文件,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
追加内容到文件末尾的几种常用方法_java.
前端开源库-forkdbforkdb,分叉内容寻址,仅追加历史密钥/值blob存储区,位于级别db上,具有多主机复制
学生信息小程序(实现追加,读取的方法,java语言编写).docx学生信息小程序(实现追加,读取的方法,java语言编写).docx学生信息小程序(实现追加,读取的方法,java语言编写).docx学生信息小程序(实现追加,读取的方法,java...
Java 文件追加操作··················································
在 xml 文件追加节点 node 节点 节点分支 节点类型 等其他操作 程序由C# 编写 易于理解 可扩展 对于不规范的xml 里增加node节点 元素 等的操作
C# xml追加
>>>f=open(‘f.txt’,’w’) # r只读,w可写,a追加 >>>for i in range(0,10):f.write(str(i)+’\n’) . . . >>> f.close() 二、文件内容追加,从0到9的10个随机整数: 复制代码 代码如下: #python >>>import ...
自己的实际操作,关于linux在虚拟机器上追加磁盘分区积累
刷新追加图片(瀑布流),下拉刷新最新图片,上拉可追加更多的图片,并且图片以瀑布流展示
三菱PLC FX2N可编程控制器 指令集 追加
工具用于替换所在文件夹下文件的名称中指定字符可在文件名后追加字符并存储到new文件夹...因为我不会写批处理,就自己简单那写了几行代码,另外看能不能赚分:)
如下所示: fp = file('data.txt')...以上这篇python 实现在txt指定行追加文本的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持软件开发网。 您可能感兴趣的文