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

JavaScript入门篇

难度入门
时长 1小时35分
学习人数
综合评分9.57
5509人评价 查看评价
9.8 内容实用
9.5 简洁易懂
9.4 逻辑清晰
  • js变量必须以字母或者下滑线或者$开头 先声明再赋值 可以重复赋值  

    var mychar

    mychar="javascript";

    mychar="hello";

    查看全部
  • <script src="script.js"></script>插入.js文本

    查看全部
  • 字符集:utf-8,unicode(每个字符号都用16bits存储),gbk,gb2312.

    一般包含中文字符的时候用到gb2312,用到一些特殊字符,如西欧字符的时候应该用utf-8,以防出现乱码。



    查看全部
  • http://img1.sycdn.imooc.com//5f20044300013d6a05020261.jpg_blank:在新窗口显示目标网页
           _self:在当前窗口显示目标网页

    _top:框架网页中在上部窗口中显示目标网页


    查看全部
  • window.open([URL], [窗口名称], [参数字符串])

    参数表:

    查看全部
  • 编程题

    <!--当点击相应按钮,执行相应操作,为按钮添加相应事件-->

        <input type="button" value="改变颜色" onClick=changeColor()>  

        <input type="button" value="改变宽高" onClick=changeWH()>

        <input type="button" value="隐藏内容" onClick=changeHide()>

        <input type="button" value="显示内容" onClick=changeShow()>

        <input type="button" value="取消设置" onClick=resetting()>

      </form>

      <script type="text/javascript">

      var con = document.getElementById("con");

      var txt = document.getElementById("txt");

      function changeColor(){

          txt.style.color = "red";

          txt.style.backgroundColor = "blue";

      }

      function changeWH(){

          txt.style.width="300px";

          txt.style.height="500px";

      }

    //定义"改变颜色"的函数

      function changeHide(){

          txt.style.display="none";

      }

      function changeShow(){

          txt.style.display="block";

      }

      function resetting(){

          var mychar=confirm();

          if(mychar==true){

              txt.removeAttribute("style");

          }

      }


    查看全部
    0 采集 收起 来源:编程挑战

    2020-07-27

  • (显示和隐藏)display属性

    object.style.display = "none";  //隐藏属性

    object.style.display = "block";  //块级元素,显示属性

    查看全部
  • 改变HTML样式

    var object = document.getElementById("id");

    object.style.property = "new style";

    查看全部
    0 采集 收起 来源:改变 HTML 样式

    2020-07-27

  • innerHTML属性

    变量名.innerHTML = ("内容")

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

    2020-07-27

  • 通过ID获取元素
    document.getElementById("id")


    查看全部
  • 打开新窗口 (window.open)

    <script type="text/javascript">

      function Wopen(){

        window.open('http://www.imooc.com','_blank','width=600,height=400,top=100,left=0')  


      } 

    </script>


    查看全部
  • prompt 消息对话框

    <script type="text/javascript">

      function rec(){

    var score; //score变量,用来存储用户输入的成绩值。

    score =prompt("请输入你的成绩:")                ;

    if(score>=90)

    {

       document.write("你很棒!");

    }

    else if(score>=75)

        {

       document.write("不错吆!");

    }

    else if(score>=60)

        {

       document.write("要加油!");

        }

        else

    {

           document.write("要努力了!");

    }

      }

      </script>


    查看全部
  • confirm 消息对话框

    <script type="text/javascript">

      function rec(){

        var mymessage=confirm("你的性别是:")         ;

        if(mymessage==true)

        {

        document.write("你是女士!");

        }

        else

        {

            document.write("你是男士!");

        }

      }    

      </script>


    查看全部

  • alert 消息对话框

    <script type="text/javascript">

      function rec(){

        var mychar="I love JavaScript";

        alert(mychar);

      }

      </script>


    查看全部
  • 制作新按钮,打开一个新的窗口

    <script type="text/javascript">  

        function openWindow(){

            var open = confirm("是否确认新增窗口打开新的网站?");

            //新窗口打开时弹出确认框,是否打开

            if(open==true){

                var url = ("确定打开的网址","http://www.imooc.com/");

                // 通过输入对话框,确定打开的网址,默认为 http://www.imooc.com/

                if(url!=null){

                    window.open(url,'_blank','width=400,height=500,menubar=no,topbar=no');

                    //打开的窗口要求,宽400像素,高500像素,无菜单栏、无工具栏。

                }

                else{

                    alert("退出");

                }

            }

        }

      </script> 


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

    2020-07-27

举报

0/150
提交
取消
课程须知
该课程是针对新手的一个简单基础的课程,让您快速了解JS,通过一些简单的代码编写体会JS。如果您已经对JS有所了解,可以跳过本课程,学习JS进阶课程,进一步学习JS相应的基础知识。学习本课程,希望您至少具备HTML/CSS基础知识,认识常用的标签。
老师告诉你能学到什么?
1. 理解JavaScript基础语法; 2. 掌握常用语句的使用方法; 3. 学会如何获取DOM元素及进行简单操作。

微信扫码,参与3人拼团

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

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