为了账号安全,请及时绑定邮箱和手机立即绑定
慕课网数字资源数据库体验端
JavaScript进阶篇_学习笔记_慕课网
为了账号安全,请及时绑定邮箱和手机立即绑定

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • # navigator 对象

    属性:

    appCodeName; // 浏览器代码名的字符串;
    appName; // 返回浏览器的名称;
    appVersion; // 返回浏览器的平台和版本信息;
    platForm; // 返回运行浏览器的操作系统平台;
    userAgent; // 返回由客户机发送服务器的 user-agent 头部的值;


    查看全部
    0 采集 收起 来源:Navigator对象

    2018-10-10

  • # location 对象

    语法:

    location.[属性|方法]; // 获取/设置窗体的 URL

    属性:

    href; // 设置或返回完整的 URL;
    protocol; // 设置或返回当前 URL 的协议;
    host; // 设置或返回主机名和端口号;
    hostname; // 设置或返回当前 URL 的主机名;
    port; // 设置或返回当前 URL 端口号;
    pathname; // 设置或返回当前 URL 的路径部分;
    hash; // 设置或返回从井号 # 开始的 URL;
    search; // 设置或返回从问号 ? 开始的 URL

    方法:

    assign(); // 加载新的文档;
    reload(); // 重新加载当前文档;
    replace(); // 用新的文档替换当前文档;


    查看全部
    0 采集 收起 来源:Location对象

    2018-10-10

  • removeChild() 方法从子节点列表中删除某个节点。如删除成功,此方法可返回被删除的节点,如失败,则返回 NULL

    nodeObject.removeChild(node)

    我们来看看下面代码,删除子点。

    查看全部
  • # History 对象

    语法:

    window.history.[属性|方法];

    属性:

    length; // 返回浏览器历史列表中的 URL 数量;

    方法:

    back(); // 加载 history 列表中的前一个 URL,相当于 go(-1);
    forward(); // 加载 history 列表中的后一个 URL,相当于 go(1);
    go(); // 加载 history 列表中的某个具体的页面,go(0) 当前页面


    查看全部
    0 采集 收起 来源:History 对象

    2018-10-10

  • 网页尺寸 

    var w=document.documentElement.scrollWidth
       || document.body.scrollWidth;
    var h=document.documentElement.scrollHeight
       || document.body.scrollHeight;


    查看全部
  • 浏览器窗口可视区域大小在不同浏览器都实用的 JavaScript 方案
    var w= document.documentElement.clientWidth
          || document.body.clientWidth;
    var h= document.documentElement.clientHeight
          || document.body.clientHeight;


    查看全部
  • # window 对象

    方法:

    window.open(URL,name,features,replace) // 打开新窗口
    setInterval([函数], [间隔时间]); // 每隔一段时间执行


    查看全部
    1 采集 收起 来源:window对象

    2018-10-10

  • var text1=document.createElement("a");

        text1.innerHTML=text;

    添加链接得用a标签


    查看全部
  • setAttribute()方法

    setAttribute() 方法增加一个指定名称和值的新属性,或者把一个现有的属性设定为指定的值。

    语法:

    elementNode.setAttribute(name,value)

    说明:

    1.name: 要设置的属性名。

    2.value: 要设置的属性值。

    注意:

    1.把指定的属性设置为指定的值。如果不存在具有指定名称的属性,该方法将创建一个新属性。

    2.类似于getAttribute()方法,setAttribute()方法只能通过元素节点对象调用的函数。


    查看全部
  •  var text=con[i].getAttribute("title");(只取值)

    和text=con[i].title(取整个title)相似,但不完全相同。

    如例子中,第二个li没有,text=con[i].title就会输出空的一行,而getAttribute则不会。

    查看全部
  • getAttribute()方法

    通过元素节点的属性名称获取属性的值。

    语法:

    elementNode.getAttribute(name)

    说明:

    1. elementNode:使用getElementById()、getElementsByTagName()等方法,获取到的元素节点。

    2. name:要想查询的元素节点的属性名字

    看看下面的代码,获取h1标签的属性值:

    运行结果:

    h1标签的ID :alink
    h1标签的title :getAttribute()获取标签的属值


    查看全部
  • # Math 对象

    调用:(无需定义)

    Math.属性/方法

    属性:

    E: // 返回常量 e;
    LN2: // 返回 2 的自然对数;
    LN10: // 返回 10 的自然对数;
    LOG2E: // 返回以 2 为底的 e 的对数;
    LOG10E: // 返回以 10 为底的 e 的对数;
    PI: // 返回圆周率 pi;
    SQRT1_2: // 返回 2 的平方根的倒数;
    SQRT2: // 返回 2 的平方根

    方法:

    abs(x): // 返回绝对值;
    acos(x): // 返回反余弦值;
    asin(x): // 返回反正弦值;
    atan(x): // 返回反正切值;
    atan2(y, x): // 返回由 x 轴到点(x, y) 的角度(弧度)
    ceil(x): // 向上取整,即,大于或等于 x 的整数;
    floor(x): // 向下取整,即,小于或等于 x 的整数;
    round(x): // 把数四舍五入为最接近的整数;对于负数可以看成正数,先四舍五入再将负号加上去;
    max(x, y): // 最大值;
    min(x, y): // 最小值;
    pow(x, y): // 返回 x 的 y 次幂;
    sqrt(x): // 返回数的平方根;
    random(): // 返回 0 ~ 1 之间的随机数;
    toSource(): // 返回该对象的源代码;
    valueOf(): // 返回 Math 对象的原始值;
    log(x): // 返回数的自然对数(e 为底);
    sin(x):
    cos(x):
    tan(x):


    查看全部
    1 采集 收起 来源:Math对象

    2018-10-09

  • # 字符串

    定义:

    var str = "...";

    属性:

    length; // 获取字符串长度;


    方法:

    charAt(index); // 返回指定位置的字符,index 从 0 开始计;


    indexOf("subStr", "startPos");// 返回从字符串 strObject 的 stratPos 位置开始寻找子字符串 subStr 首次出现的位置


    split(separator,limit); 
    /*
    将字符串分割为字符串数组,并返回此数组;
    separator 为分隔符,limit 为分割出来的字符数;
    以空字符 "" 为分隔符,则分割字符串的每个字符;
    */


    substring(startPos,stopPos); // 返回字符串中介于两个指定下标(startPost 和 stopPos)之间的字符。


    substr(startPos,length); 
    /*
    返回字符串中从 stratPos 位置开始的长度为 length 的子字符串;
    如果 startPos 是负数,则从字符串的尾部开始算起。
    即,-1 指字符串中最后一个字符,-2 指倒数第二个字符,以此类推。
    */


    查看全部
  • # 日期

    定义:

    var Udate = new Date();

    方法:

    get/setYear();
    get/setFullYear(); // 返回/设置年份
    get/setMonth(); // 返回/设置月份
    get/setDate(); // 返回/设置日期
    get/setHours();  // 小时
    get/setMinutes(); // 分钟
    get/setSeconds(); // 秒钟
    get/getTime(); // 时间(单位:毫秒)
    getDay(); // 返回星期,返回值为 0-6 的数字,0 表示星期天


    查看全部
    1 采集 收起 来源: Date 日期对象

    2018-10-09

  • 编程练习:

    # 事件

    <!DOCTYPE html>
    <html>
     <head>
      <title> 事件</title>  
      <script type="text/javascript">
       function count(){
         
        //获取第一个输入框的值
    var num1 = document.getElementById("txt1").value;
    //获取第二个输入框的值
    var num2 = document.getElementById("txt2").value;
    //获取选择框的值
    var oper = document.getElementById("select").value;
    //获取通过下拉框来选择的值来改变加减乘除的运算法则
    var result;
    switch (oper)
    {
        case "+":
            result = num1*1 + num2*1; // 假如用 num1 + num2 得到是字符串的连接
            break;
        case "-":
            result = num1 - num2;
            break;
            case "*":
                result = num1 * num2;
                break;
            default:
                result = num1 / num2;
    }
        //设置结果输入框的值 
        document.getElementById("fruit").value = result;
       }
      </script> 
     </head> 
     <body>
       <input type='text' id='txt1' /> 
       <select id='select'>
    <option value='+'>+</option>
    <option value="-">-</option>
    <option value="*">*</option>
    <option value="/">/</option>
       </select>
       <input type='text' id='txt2' /> 
       <input type='button' value=' = ' onclick = "count()"/> // 通过 = 按钮来调用创建的函数,得到结果--> 
       <input type='text' id='fruit' />   
     </body>
    </html>


    查看全部
    1 采集 收起 来源:编程练习

    2018-10-09

举报

0/150
提交
取消
课程须知
你需要具备HTML、css基础知识,建议同学们也可以想学习下js入门篇,快速认识js,熟悉js基本语法,更加快速入手进阶篇!
老师告诉你能学到什么?
通过JavaScript学习,掌握基本语法,制作简单交互式页面
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!