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>

View Code

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);将内容显示在子元素中

一切美好的都是值得等待的。