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

JavaScript入门篇

难度入门
时长 1小时35分
学习人数
综合评分9.57
5509人评价 查看评价
9.8 内容实用
9.5 简洁易懂
9.4 逻辑清晰
  • <!DOCTYPE HTML>

    <html>

    <head>

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

    <title>confirm</title>

      <script type="text/javascript">

      function rec(){

        var r=confirm("性别确认")         ;

        if(r==true)

        {

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

        }

        else

        {

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

        }

      }    

      </script>

    </head>

    <body>

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

    </body>

    </html>


    查看全部
  • 文档对象模型DOM(Document Object Model)定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构(节点树)。

    查看全部
    0 采集 收起 来源:认识DOM

    2020-05-21

  • window.close();   //关闭本窗口
    <窗口对象>.close();   //关闭指定的窗口

    例:

    var mywin=window.open('http://www.imooc.com'); //将新打的窗口对象,存储在变量mywin中
       mywin.close();


    查看全部
  • 参数表:(多参数用逗号隔开)


    查看全部
  • open() 方法可以查找一个已经存在或者新建的浏览器窗口。

    语法:

    window.open([URL], [窗口名称], [参数字符串])
    URL:可选参数,在窗口中要显示网页的网址或路径。

    窗口名称:

    由字母、数字和下划线字符组成
    特殊:
    _blank:在新窗口显示目标网页
    _self:在当前窗口显示目标网页
    _top:框架网页中在上部窗口中显示目标网页


    查看全部
  • pormpt消息对话框:

    prompt(str1, str2);
    //str1: 要显示在消息对话框中的文本,不可修改
    //str2:文本框中的预填充内容,可以修改
    1. 点击确定按钮,将返回文本框中的内容
    2. 点击取消按钮,将返回null        //将对话框的值赋给变量进行if判断
    var score=prompt(str1,str2);
    if(score>80)
    {        }
    if else(score>60)
    {        }
    else
    {        }


    查看全部
  • confirm消息对话框:confirm(str);

    str:对话框显示的文本。

    当用户点击"确定"按钮时,返回true
    当用户点击"取消"按钮时,返回false

    后接if语句

    <script type="text/javascript">
        var mymessage=confirm("你喜欢JavaScript吗?");
        if(mymessage==true)
        {   document.write();   }
        else
        {  document.write();   }
    </script>


    查看全部
  • alert消息对话框:alert(字符串或变量);

    查看全部
  • documet.write()

    ("xxx")

    (变量名)

    (""+变量名)

    ("<br>")

    查看全部
  • function 函数名()    //function定义函数的关键字
    {
         函数代码;
    }

    通过“函数名()”调用函数

    查看全部
  • if(条件)
    { 条件成立时执行的代码 }//例:{document.write("xxxx")}
    else
    { 条件不成立时执行的代码 }


    查看全部
  • 1.变量必须使用字母、下划线(_)或者美元符($)开始。

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

    3.不能使用JavaScript关键词与JavaScript保留字。

    var mychar;        //定义变量mychar
    mychar="javascript";//声明变量
    var mynum = 6;       //赋值


    查看全部
  • 控制类名(className 属性)

    className 属性设置或返回元素的class 属性。

    语法:

    object.className = classname

    作用:

    1.获取元素的class 属性

    2. 为网页内的某个元素指定一个css样式来更改该元素的外观



    查看全部
  • 显示和隐藏(display属性)

    语法:

    Object.style.display = value

    注意:Object是获取的元素对象,如通过document.getElementById("id")获取的元素。

    value取值:

    查看全部
  • 改变 HTML 样式

    语法:

    Object.style.property=new style;

    注意:Object是获取的元素对象,如通过document.getElementById("id")获取的元素。

    基本属性表(property):

    注意:该表只是一小部分CSS样式属性,其它样式也可以通过该方法设置和修改。

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

    2020-05-20

举报

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

微信扫码,参与3人拼团

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

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