Js--小笔记

Posted 简梦犹存

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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);将内容显示在子元素中

 

以上是关于Js--小笔记的主要内容,如果未能解决你的问题,请参考以下文章

有趣的网页小部件笔记

微信小程序代码片段

小程序笔记二:部署

微信小程序学习笔记

js-权威指南学习笔记14

学习笔记:python3,代码片段(2017)