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

    一切美好的都是值得等待的。
  • 相关阅读:
    ffmpeg推流
    linux nfs挂载根文件系统失败
    ffmpeg nginx rtmp推流
    sql 随机生成NewId
    C#/.NET 异步操作会生成新线程吗
    SQLServer的数据库邮件和SQLServer代理(作业)
    C# ThreadPool类(线程池)
    SQL Server查看执行计划
    从0开始基于Webpack5 搭建HTML+Less 前端工程
    Vue 父子级的相互调用
  • 原文地址:https://www.cnblogs.com/minghua-b/p/8053726.html
Copyright © 2020-2023  润新知