zoukankan      html  css  js  c++  java
  • js学习

    js文件的引入

    <!-- js文件的引入 -->
            <script type="text/javascript" src="js/java.js"></script>

    js的变量类型

    // js 的变量类型
    //Number
    var x = 1;
    var x = 1.1;
    
    //String 
    var name = "abc";
    var name = '123';
    
    // Boolean True False
    var x = 3<4;
    
    //undefined
    var x;
    
    //Objectv
    var a = null;

    数值和字符串的相互转换

    //数值和字符串的相互转换
    var x = 1;
    
    //数值转字符串
    var a = x.toString();
    var a = x+"";
    
    //字符串转数值
    var x = Number(a);

    //字符串和数值的转换
    var x = '1111.1212'

    parseInt(x); //转换成整形
    parseFloat(x) //转换成小数
    Number(x); //完全转换   遇到字母值为NAN

    函数的调用 用去function声明函数

    //函数调用
    function hanshu(){
        alert('函数');
    }
    
    hanshu();

    判断是否为数组

    var a = [];
    //判断是否为数组
    if(Array.isArray(a))
    {}

    数组和字符的相互转换

    //将数组装换为字符串
    var x = a.toString()
    
    //使用join方法进行指定的字符将数组分割
    var c = x.join(",");

    数组的栈

    //栈队列方法  后进先出
    
    // 像队列添加元素
    var duilie = a.push("元素");
    
    //向队列删除元素  删除最后一项
    var duilie = a.pop();
    
    // 先进先出   向队列添加元素
    var duilie = a.unshift("元素");
    
    //先进先出
    var duilie = a.shift();

    数组的排序

    //将数组按他自己的想法排序排序
    x.sort();
    
    //数组合并concat可以合并一个或多个
    x.concat([123,12])

    数组splice

    //splice 删除  插入替换
    // x.splice(起始位置,删除元素,替换元素);
    // 删除
    x.splice(1,2);
    // 插入
    x.splice(1,1,"tihuan");

    数组index

    // 查找数组的索引 indexof()从头开始找
    x.indexOf("元素",起始位置);
    // lastIndexOf()从末尾开始找
    x.lastIndexOf("元素",起始位置);

    字符串的常用方法

    //字符串的方法
    var a = 'hello world';
    
    console.log(a.length);//获取字符串的长度
    
    console.log(a.charAt(2));//获取指定的字符
    
    console.log(a.charCodeAt(1));//获取指定的字符对应的编码
    
    console.log(a.concat("asd","dfa"));//拼接字符
    
    
    //字符的切片
    console.log(a.slice(1,3));  //起始位置到结束位置
    
    console.log(a.substr(1,4));//起始位置到取的个数
    
    a.trim()//清除前后空格
    
    a.toUpperCase()//全部转换成大写
    
    a.toLocaleLowerCase()//转换成小写

    日期的创建方法

    //日期的创建方式
    var data = new Date();  //当前日期
    var data = new Date(1999,11,11,10,10,0);  //年月(月份要减1)日 时分秒

    日期的常用方法

    //日期的常用方法
    var data = new Date()
    
    data.getDate() //获取月的的第几天(1~31)
    data.getMonth() //获取月份(0~11)
    data.getFullYear() //获取年份
    data.getDay() //获取一星期中的第几天
    data.getHours() // 获取小时
    data.getMinutes()//获取分钟
    data.getSeconds() //获取秒
    
    //日期的格式化
    data.toDateString() //星期几 月 日 年
    data.toTimeString() //时 分 秒 时区
    data.toLocaleDateString() //2019/12/12
    data.toLocaleTimeString()//下午6:00
    data.toLocaleString() //2019/12/12下午6:00

    globle对象编码解码

    //Globle 编码和解码
    var x = 'www.baidu.com ';
    encodeURI(x); //只将空格进行编码
    encodeURIComponent(x); //所有的都进行编码
    
    decodeURI(x); //将空格进行解码
    decodeURIComponent(x) //所有的都进行解码
  • 相关阅读:
    一个可以拖拽的div
    网页设计与制作常见问题
    如何写出兼容性很好的页面
    图片4像素底边
    响应式布局简明示例
    CSS 实现背景图尺寸不随浏览器缩放而变化
    bootstrap实现pc屏幕五等分
    css中的px、em、rem 详解
    HTML 5的革新——语义化标签(一)
    jQuery实现TAB选项卡切换特效简单演示
  • 原文地址:https://www.cnblogs.com/wocaonidaye/p/12913125.html
Copyright © 2011-2022 走看看