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

JavaScript入门篇

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

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

    查看全部
  • 使用<script>标签在HTML网页中插入JavaScript代码。注意, <script>标签要成对出现,并把JavaScript代码写在<script></script>之间。

    <script type="text/javascript">表示在<script></script>之间的是文本类型(text),javascript是为了告诉浏览器里面的文本是属于JavaScript语言。

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

    查看全部
  • removeAttribute() 方法删除指定的属性。

    例子:删除txt的属性

    txt.removeAttribute('style');
    查看全部
    0 采集 收起 来源:编程挑战

    2022-03-14

  • http://img1.sycdn.imooc.com//622ed6a00001ad3412340820.jpg

    //定义”取消设置“的函数:

    //使用confirm()确定框,来确认是否取消设置

    //如是将以上所有的设置恢复原始值,否则不做操作

    if (win==true){
        txt.removeAttribute('style');}
        //否则不做操作,就不用写else
    查看全部
    0 采集 收起 来源:编程挑战

    2022-03-14

  • 控制类名 className 语法如下:

    object.className=classname
    /*作用:
    1、获取元素的class属性
    2、为网页内某个元素指定一个css样式来更改该元素外观
    */
    查看全部
  • 显示和隐藏 语法如下:

    Object.style.display=value;
    //Object是获取的元素对象,如通过document.getElementById("id")获取的元素
    /*value的取值:
    1、none 隐藏[此元素不会被显示]
    2、block显示[此元素将显示为块级元素]
    */
    查看全部
  • 改变HTML样式 语法如下:

    Object.style.property=new style;
    //Object是获取的元素对象,如:通过document.getElementById('id')获取的元素

    例子:

    mychar.style.width="100";
    mychar.style.fontSize="20";
    mychar.style.color="red";


    基本属性表[部分]

    • 属性                                             描述

    • backgroundColor                     设置元素的背景颜色

    • height                                        设置元素的高度

    • width                                         设置元素的宽度

    • color                                          设置文本的颜色

    • font                                           在一行设置所有的字体属性

    • fontFamily                                 设置元素的字体系列

    • fontSize                                      设置元素的字体大小

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

    2022-03-14

  • innerHTML用于获取/替换HTML元素中的内容 语法如下:

    Object.innerHTML
    //Object是获取的元素对象、,如:通过document.getElementById("id")获取的对象
    //innerHTML区分大小写
    查看全部
    0 采集 收起 来源:innerHTML 属性

    2022-03-14

  • 通过ID获取元素 语法如下:

    document.getElementById("id")
    • 通过属性或方法来获取对象(元素)

    查看全部
  • html文档可以说是由节点构成的集合,三种常见的DOM节点:

    1. 元素节点:

    2. 文本节点:

    3. 属性节点:


      举个例子:

    4. <a href="http://www.imooc.com">靠一些、、、</a>
    5. //a:元素节点
    6. //文本节点:靠一些、、、
    7. //href=" 属性节点
    查看全部
    0 采集 收起 来源:认识DOM

    2022-03-14

  • nu11通常用来表示空引用,用来表示未知或空

    搜索

    复制

    搜索

    复制

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

    2022-03-13

  • confirm 消息对话框通常用于允许用户做选择的动作,如:“你对吗?”等。弹出对话框(包括一个确定按钮和一个取消按钮)。
    查看全部
  • 注: 消息对话框是排它的,即用户在点击对话框按钮前,不能进行任何其它操作。
    查看全部
  • 当用户点击"确定"按钮时,返回true 当用户点击"取消"按钮时,返回false
    可以通过返回的值确定用户点了什么按钮。
    查看全部

举报

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

微信扫码,参与3人拼团

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

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