为了账号安全,请及时绑定邮箱和手机立即绑定
慕课网数字资源数据库体验端
JavaScript入门篇 _学习笔记_慕课网
为了账号安全,请及时绑定邮箱和手机立即绑定

JavaScript入门篇

慕课官方号 页面重构设计
难度入门
时长 1小时35分
  • 1.     跟随课堂,完成慕课网上每节课的任务练习。

    2.     用不同的方式在网页中实现文字描述,文字内容为自我介绍,要求,最少3个段落,字数不少于200字。 

    3.     利用3个按钮,分别用三种方式实现对话框的弹出,内容是“我是***,学号是2017*******”。

    三种方法:利用事件定义;利用函数调用;利用外部文件调用。

    4.     函数调用的两种方式:利用按钮实现;直接调用。

    5.     实现打开网页,并在5s后关闭。window.open

    6.     慕课网2-13   按任务完成后,把所有的a++换成++a再做一次。

    7.     慕课网3-8

    8.     慕课网4-10   利用2种方法,第一种按任务要求,第二种自由发挥。

    9.     慕课网5-6

    10. 事件,鼠标事件,键盘事件

    11. 内容复制

    12. 键盘控制模块移动

    13. 在浏览器中实现:输入内容并提交,清空原有内容。

    14. 拖拽

    15. 浏览器中显示所要求的时间。

    16. 计时器  延时

    17. 数码时钟

    18. 捕捉事件

    19. 全选+全不选

    20. 选项卡

    21. 简易日历

    22. 拓展1:图片轮播图

    23. 拓展2:表单验证


    查看全部
  • 网页显示和隐藏的效果:

    Object.style.display=value

    value可以取值none(隐藏)和block(显示)

    查看全部
  • 改变HTML元素样式

    语法:Object.style.property=new style;

    Object是获取元素对象

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

    2018-10-18

  • innerHTML属性:用于获取或替换 HTML 元素的内容。

    语法:Object.innerHTML

    其中字母区分大小写。

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

    2018-10-18

  • 通过ID获取元素的语法:

    document.getElementById("id");

    查看全部
  • <!DOCTYPE html>

    <html>

     <head>

      <title> new document </title>  

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

      <script type="text/javascript">  

        function openWindow(){

            var a=confirm("是否打开");// 新窗口打开时弹出确认框,是否打开

            if a(==1)

                { 

                    var myweb=prompt("请输入打开的网址:");// 通过输入对话框,确定打开的网址,默认为 http://www.imooc.com/

                    if myweb(!=null)

                        {

                            window.open(myweb,"_balck","width=400,height=500,menubar=no,toolbar=no");//打开的窗口要求,宽400像素,高500像素,无菜单栏、无工具栏。

                        }

                    else

                        {   

                            window.open("http://www.imooc.com","_balck","width=400,height=500,menubar=no,toolbar=no");

                        }

                }

            else

                {

                

                }

        }

      </script> 

     </head> 

     <body> 

      <input type="button" value="新窗口打开网站" onclick="openWindow()" /> 

     </body>

    </html>


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

    2018-10-18

  • 这样引用,就像定义一个.C文件在c里面一样,这个用过应该比较常用<script src="script.js"></script>

    查看全部
  • 这个编程有点坑,函数定义后面还是要有括号function moren(),这样写的,搞成这整个功能都不能用了

        x.style.height:"400px";

        x.style.width:"600px";

        x.style.height="400px";

        x.style.width="600px";


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

    2018-10-18

  • HTML代码分解为三种DOM节点:
    1.元素节点
    2.文本节点
    3.属性节点


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

    2018-10-18

  • prompt(str1,str2)

    str1:要显示在消息对话框的文本,不可修改

    str2:文本框中的内容,可以修改

    查看全部
  •  

    语法:confirm(str)

    str:在消息对话框中要显示的文本


    返回值:Boolean

    确定时返回true

    取消时返回false

    var mymessage=confirm("你是不是喜欢我啊!")

    查看全部
  • alert字符串或变量
    查看全部
  • var 变量名;定义变量
    var mychar;mychar="javascript";先声明再赋值
    var mynum=6;声明同时赋值
    区分大小写


    查看全部
  • doument.write("");输出语句


    查看全部
  • alert();弹出窗口,提示


    查看全部

举报

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

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