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

JavaScript进阶篇

慕课官方号 页面重构设计
难度入门
时长 8小时55分
  • JavaScript—Substring()提取字符串
    查看全部
  • Date日期事件
    查看全部
    0 采集 收起 来源: Date 日期对象

    2019-10-09

  • JavaScript—加载事件
    查看全部
  • JavaScript——失焦事件
    查看全部
  • JavaScript—光标聚集事件
    查看全部
  • 数组每个值有一个索引号,从0开始

    查看全部
  • 即使指定了长度为8,仍然可以将元素存储在规定长度以外

    查看全部
  • JavaScript—反反复复
    查看全部
  • JavaScript——重复重复
    查看全部
  • JavaScript—二维数组
    查看全部
    0 采集 收起 来源:二维数组

    2019-10-08

  • JavaScript 创建动态页面。事件是可以被 JavaScript 侦测到的行为。 网页中的每个元素都可以产生某些可以触发 JavaScript 函数或程序的事件。

    查看全部
    0 采集 收起 来源:什么是事件

    2019-10-07

  • 事件会在页面加载完成后,立即发生,同时执行被调用的程序。
    注意:1. 加载页面时,触发onload事件,事件写在<body>标签内。

          2. 此节的加载页面,可理解为打开一个新页面时。
    如下代码,当加载一个新页面时,弹出对话框“加载中,请稍等…”。

    5312e3c10001bd9908920372.jpg5312e3eb0001e8a103930318.jpg


    <!DOCTYPE HTML>

    <html>

    <head>

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

    <title> 加载事件 </title>

    <script type="text/javascript">

      function message(){

        alert("加载中,请稍等…"); }

    </script>    

    </head>

    <body onload="message()">

      欢迎学习JavaScript。

      <img src="http://img1.sycdn.imooc.com//5312e3eb0001e8a103930318.jpg" alt="消息图" width="304" height="228">

      <img src="http://img1.sycdn.imooc.com//5312e3c10001bd9908920372.jpg" alt="消息图" width="304" height="228">

      <img src="https://www.imooc.com/u/8186463/courses" alt="lovely" width="304" height="228">

    </body>

    </html>

    body内容中的图片加载速度不一样,快的与弹窗几乎同时出现,慢的要等弹窗出来后才会出来

    查看全部
  • <!DOCTYPE HTML>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title> 加载事件 </title>
    <script type="text/javascript">
    window.onload=message();
      function message(){
        alert("加载中,请稍等…"); }
    </script>    
    </head>
    <body >
      欢迎学习JavaScript。
    </body>
    </html>



    <!DOCTYPE HTML>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title> 加载事件 </title>
    <script type="text/javascript">
      function message(){
        alert("加载中,请稍等…"); }
    </script>    
    </head>
    <body onload="message()">
      欢迎学习JavaScript。
    </body>
    </html>

    把onload放在script和body标签的区别是什么?为什么放在script会出现两遍“欢迎学习JavaScript。”?

    2018-10-23源自:JavaScript进阶篇 6-9797 浏览2 回答

    最佳回答

    2018-10-23

    没区别。


    定义和用法:

    onload 事件会在页面或图像加载完成后立即发生。

    onload 通常用于 <body> 元素,在页面完全载入后(包括图片、css文件等等。)执行脚本代码。

    语法:

    在 HTML 中:

    <body onload="SomeJavaScriptCode">

    在 JavaScript 中:

    window.onload = function() {

        SomeJavaScriptCode;

    };


    查看全部
  • 优先级顺序:算术运算符>比较运算符>逻辑运算符>赋值符

    查看全部
  • 53e19337000113d108390338.jpg5312c5660001821a04300326.jpg

    光标聚焦事件是包含点击事件的,点击时也可以视为光标聚焦,而当将光标移到文本框内时,即焦点在文本框内,触发onfocus 事件

    查看全部

举报

0/150
提交
取消
课程须知
你需要具备HTML、css基础知识,建议同学们也可以想学习下js入门篇,快速认识js,熟悉js基本语法,更加快速入手进阶篇!
老师告诉你能学到什么?
通过JavaScript学习,掌握基本语法,制作简单交互式页面
友情提示:

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