为了账号安全,请及时绑定邮箱和手机立即绑定

JavaScript进阶篇

难度入门
时长 8小时55分
学习人数
综合评分9.47
2557人评价 查看评价
9.7 内容实用
9.4 简洁易懂
9.3 逻辑清晰
  • <!DOCTYPE html>

    <html>

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>string对象 </title>

      <script type="text/javascript">

        var message="I love JavaScript!";

        var mychar=message.toLowerCase();

        document.write("字符串为:"+mychar+"<br>");

        var lh=message.length;

        document.write("长度为:"+lh+"<br>");

        var mycharbig=message.toUpperCase();

        document.write("字符串为:"+mycharbig+"<br>")

    </script>

    </head>

    <body>

    </body>

    </html>


    查看全部
  • <!DOCTYPE HTML>

    <html>

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>获得星期</title>

    <script type="text/javascript">

      var mydate=new Date();

      var weekday=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];

      document.write("今天是:" +mydate.getDay());

    </script>

    </head>

    <body>

    </body>

    </html>


    查看全部
  • <!DOCTYPE HTML>

    <html>

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>获得星期</title>

    <script type="text/javascript">

      var mydate=new Date();

      var weekday=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];

      document.write("今天是:" +mydate.getDay());

    </script>

    </head>

    <body>

    </body>

    </html>


    查看全部
    0 采集 收起 来源:返回星期方法

    2020-05-27

  • <!DOCTYPE html>

    <html>

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>获得年份 </title>

    <script type="text/javascript">

    var mydate=new Date(); 

    document.write("年份:"+mydate.getFullYear()+'<br/>');

    document.write("月份:"+mydate.getYear()+'<br/>')

    document.write("小时:"+mydate.getHours()+'<br/>')

    document.write("分钟:"+mydate.getMinutes()+'<br/>')

    document.write("秒:"+mydate.getMinutes()+'<br/>')

    document.write(mydate);

    </script>

    </head>

    <body>

    </body>

    </html>


    查看全部
  • onclick 鼠标点击事件 onmouseover 鼠标经过事件 onmouseout 鼠标移出事件 onfocus 光标聚焦事件 onblur 光标失焦事件 onselect 文本框选中事件 onchange 文本框文字被改变 onload 网页加载事件 (写在body标签上) onunload 网页关闭事件 (window.onunload= 函数名 ,有浏览器兼容问题)
    查看全部
  • document.getElementsByTagName(Tagname)

    1. Tagname是标签的名称,如p、a、img等标签名。

    2. 和数组类似也有length属性,可以和访问数组一样的方法来访问,所以从0开始。


    查看全部
  • 为什么反向遍历可以一次清楚所有节点,而正向遍历要点好几次?

    https://www.imooc.com/qadetail/336280



    查看全部
  • 使用JS完成一个简单的计算器功能。实现2个输入框中输入整数后,点击第三个输入框能给出2个整数的加减乘除。
    查看全部
    0 采集 收起 来源:编程练习

    2020-05-27

  • 1. IE全系列、firefox、chrome、opera、safari兼容问题

    2. 节点之间的空白符,在firefox、chrome、opera、safari浏览器是文本节点


    查看全部
  • 在文档对象模型 (DOM) 中,每个节点都是一个对象。DOM 节点有三个重要的属性 :

    1. nodeName : 节点的名称

    2. nodeValue :节点的值

    3. nodeType :节点的类型


    查看全部
    0 采集 收起 来源:节点属性

    2020-05-27

  • getElementsByTagName("li") 获取的是数组

    查看全部
  • <html>

    <head>

     <script type="text/javascript">

       var myarray=new Array(5);

       var mynum=myarray.length;

       document.write("数组长度:"+mynum);

     </script>

    </head>

    <body>

    </body>

    </html>


    查看全部
    0 采集 收起 来源:什么是对象

    2020-05-27

  • <!DOCTYPE html>

    <html>

    <head>

        <meta charset='utf-8'>

        <meta http-equiv='X-UA-Compatible' content='IE=edge'>

        <title>404</title>

        <meta name='viewport' content='width=device-width, initial-scale=1'>

        <link rel='stylesheet' type='text/css' media='screen' href='main.css'>

        <script src='main.js'></script>

    </head>

    <script type="text/javascript">

        function count(){

            var num1=document.getElementById("txt1").value;

            var suanfa=document.getElementById("select").value;

            var num2=document.getElementById("txt2").value;

            var result="";

            switch(suanfa){

                case "+":

                result=parseInt(num1)+parseInt(num2);

                break;

                case "-":

                result=num1-num2;

                break;

                case "*":

                result=num1*num2;

                break;

                default:

                result=num1/num2;

                break;

            }

            document.getElementById("fruit").value=result;

        }

    </script>

    <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>


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

    2020-05-27

  • <!DOCTYPE HTML>

    <html>

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

    <title> 加载事件 </title>

    <script type="text/javascript">

      function message(){

        alert("加载中,请稍等…"); }

    </script>    

    </head>

    <body onload="message()">

      欢迎学习JavaScript。

    </body>

    </html>


    查看全部
  • <!DOCTYPE HTML>

    <html>

    <head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

    <title> 文本框内容改变事件 </title>

    <script type="text/javascript">

      function message(){

        alert("您改变了文本内容!"); }

    </script>    

    </head>

    <body>

      <form>

      个人简介:<br>

       <textarea name="summary" cols="60" rows="5"onchange="message()">请写入个人简介,不少于200字!</textarea>

      </form>

    </body>

    </html>


    查看全部

举报

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

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

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