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

JavaScript入门篇

难度入门
时长 1小时35分
学习人数
综合评分9.57
5509人评价 查看评价
9.8 内容实用
9.5 简洁易懂
9.4 逻辑清晰
  • 提问(prompt消息对话框)

    prompt(str1, str2);
    str1: 要显示在消息对话框中的文本,不可修改
    str2:文本框中的内容,可以修改
    1. 点击确定按钮,文本框中的内容将作为函数返回值
    2. 点击取消按钮,将返回null


    查看全部
  • 通过返回值判断用户点击了什么按钮

    var xxx=confirm("xxxx");

    if(xxx==true)

    ---

    else

    ---

    查看全部
  • document.write 可以插入html标签

    alert 会把html标签当作字符串输出

    查看全部
  •   <script type="text/javascript">

      function rec(){

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

    score = prompt("Pls input your score here : "+score)               ;

    if(score>=90)

    {

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

    }

    else if(score>=75)

        {

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

    }

    else if(score>=60)

        {

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

        }

        else

    {

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

    }

      }

      </script>


    查看全部
  • <title>confirm</title>

      <script type="text/javascript">

      function rec(){

        var mymessage=confirm("你是女士吗?");         ;

        if(mymessage==true)

        {

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

        }

        else

        {

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

        }

      }    

      </script>

    </head>

    <body>

        <input name="button" type="button" onClick="rec()" value="点击我,弹出确认对话框" />

    </body>


    查看全部
  • <title>alert</title>

      <script type="text/javascript">

      function rec(){

        var mychar="I love JavaScript";

        alert(mychar)

      }

      </script>

    </head>

    <body>

        <input name="button" type="button" onClick="rec()" value="点击我,弹出对话框" />

    </body>


    查看全部
  •     

        var mystr = " hello,"

        document.write(mystr + "I love JavaScript");

        

        document.write("<br>" + mystr + "<br>");

        document.write("&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;" + "JavaScript");

        


    查看全部
  • 打开新窗口 <script type="text/javascript"> window.open('http://www.imooc.com','_blank','width=300,height=200,menubar=no,toolbar=no, status=no,scrollbars=yes') </script>
    查看全部
  • 添加样式有两种方式:1.使用html标签<style></style>给元素节点添加样式    2.使用javascript为元素节点添加样式

    在本代码中,下面的代码属于js内的

         obj.removeAttribute("style");

    因此这句代码的作用是移除js给obj添加的style,而不能移除heml的标签<style>给obj添加的style

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

    2019-11-23

  • 关于弹出对话框:

    1、alert(str):通常用于提醒,会在网页中弹出一个对话框,对话框只有一个确定按钮,显示的文本内容为你所输入的str。

    2、confirm(str):confirm的中文翻译为:确定,证实,求证。通常用于允许用户做选择的动作。会在网页中弹出一个对话框,有两个按钮,一个是确定(true),一个是取消(false),显示的文本内容为你所输入的str。

    3、prompt(str1,str2):通常用于提问一些需要与用户进行交互的信息。会在网页中弹出一个对话框,含有两个按钮,一个为确定,一个为取消,与一个文本输入框。还会显示出str1内容,但是str1内容是不允许修改的,str2则是会出现在文本输入框中的内容,是可以修改的。也省略str2,这样文本输入框中的内容则为空。当点击确定按钮,返回str2,点击取消,返回null值。

    查看全部
  • 内嵌:

    <script type="text/JavaScript"></script>

    引入外部:

    <script src="myscript.js"></script>

    查看全部
  • document.getElementById(“id”) 获取的是元素,innerHTML 属性用于获取或替换 HTML 元素的内容。获取的是内容。

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

    2019-11-20

  • 函数语法:

    function 函数名()

    {

          函数代码;

    }

    查看全部
  • 1、变量是用于存储某种/某些数据的存储器

    2、变量的语法

          var 变量名称  

    3、(1)变量名必须使用字母、下划线(_)\($)开始

         (2)然后可以使用任意多个英文字母、数字、下划                线或($)符组成

         (3)不能使用JavaScript关键词与它的保留字

    查看全部
  • 放在<head>部分
    最常用的方式是在页面中head部分放置<script>元素,浏览器解析head部分就会执行这个代码,然后才解析页面的其余部分。

    放在<body>部分
    JavaScript代码在网页读取到该语句的时候就会执行。

    注意: javascript作为一种脚本语言可以放在html页面中任何位置,但是浏览器解释html时是按先后顺序的,所以前面的script就先被执行。比如进行页面显示初始化的js必须放在head里面,因为初始化都要求提前进行(如给页面body设置css等);而如果是通过事件调用执行的function那么对位置没什么要求的。

    查看全部

举报

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

微信扫码,参与3人拼团

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

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