Js--小笔记
做个学习小笔记
1. var d=new Date(); 得到当前时间
2. var n=d.toLocaleTimeString(); 根据本地时间把 Date 对象的时间部分转换为字符串
3.(function() { /* code */ })(); 立即执行匿名函数
4.filter() 过滤方法,用于把Array中的某些元素过滤掉,返回剩下元素。filter() 接收回调函数时,可以有多个参数。
参考:https://www.cnblogs.com/zzlm/p/7049359.html
小例子:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>IFE JavaScript Task 01</title> </head> <body> <h3>污染城市列表</h3> <ul id="aqi-list"> <!-- <li>第一名:福州(样例),10</li> <li>第二名:福州(样例),10</li> --> </ul> <script type="text/javascript"> var aqiData = [ ["北京", 90], ["上海", 60], ["福州", 10], ["广州", 50], ["成都", 90], ["西安", 100] ];//初始化数组 (function () { /* 在注释下方编写代码 遍历读取aqiData中各个城市的数据 将空气质量指数大于60的城市显示到aqi-list的列表中 */ var ele=document.getElementById("aqi-list");//找到id为“aqi-list”的元素 var arr=aqiData.filter(function(item,index,array){ //过滤,一般只用第一个参数,表示Array的某个元素。 //回调函数还可以接收另外两个参数,表示元素的位置和数组本身: return (item[1]>=60); }); arr.sort(function(a,b){//排序 return (b[1]-a[1]); }) for(var i=0;i<arr.length;i++){ console.log(arr[i]); } arr.forEach(function(item,index,array){ var newnode=document.createElement("li");//创建新元素节点 newnode.innerHTML=array[index][0]+","+array[index][1];//向新节点添加内容 ele.appendChild(newnode);//将新节点添加到ele中 }) })(); </script> </body> </html>
5.<table>中两个属性
cellpadding:单元格边沿与其内容之间的空白
cellspacing: 单元格之间的空白
<tr>中 valign属性:用来设置或返回数据在行中的垂直对其方式
<fieldset> 用来将表单内元素进行分组
6.<a>标签中的 href=" javascript:;"
javascript: 是一个伪协议
javascript:是表示在触发<a>默认动作时,执行一段JavaScript代码,而 javascript:; 表示什么都不执行,这样点击<a>时就没有任何反应。
href="javascript:;"就是去掉a标签的默认行为,跟href="javascript:void(0)"是一样的。
void 是JavaScript 的一个运算符,void(0)就是什么都不做的意思。
例子:
点击'?'时什么都不做,鼠标移到 '?'提示如图。
<span class="normal-text">关键字(<a href="javascript:;" title="按统一编码号、店名、店主或地址查询">?</a>):</span>
7.iframe 元素会创建包含另外一个文档的内联框架(即行内框架)。
<iframe id="contentifrm" src="" scrolling="no" frameborder="0" marginwidth="0" marginheight="0" width="100%" height="100%" ></iframe>
scrolling:规定是否在 iframe 中显示滚动条。(yes, no, auto)
marginwidth:定义 iframe 的左侧和右侧的边距。
marginheight:定义 iframe 的顶部和底部的边距
8. var url="<c:url value='/cooperation.do?method=replaceReport_show'/>"+"&personId="+personid+"&keywords="+document.all.keywords.value;
$("#contentifrm").attr("src", url);将内容显示在子元素中