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

JavaScript入门篇

慕课官方号 页面重构设计
难度入门
时长 1小时35分
  • 确认(confirm消息对话框):经常用于允许用户做选择的动作,弹出对话框包括一个确认按钮和一个取消按钮

    语法:confirm(str)str:在消息对话框要显示的的文本

    返回值:Boolean值(true false)

    返回值:当用户点击“确认”,返回true

    当用户点击”取消“返回false

    注:消息对话框是排他的,即用户在点击对话框按钮前,不能进行任何其他操作。


    查看全部
  • 警告(alert)消息对话框

    语法:alert(字符串或者变量){与document.write相似,

    结果:按照顺序弹出消息框,点击对话框“确认”按钮不能进行任何其他操作,消息对话框经常用于调试程序

    }注:alert弹出消息对话框(包含一个确认按钮)



    查看全部
  • 如何在文本中输入空格·

    eg:1document.write{"  "+"1"+" &nbsp"+"2"}

    2 document.write{"<span style='white-space:pre'>"+"1 2  4"}

    查看全部
  • 输出内容(document.write())

    1输出内容用”直接输出的内容“

    2 通过变量输出内容,直接写变量名,输出变量存储的内容

    3输出多项内容“内容”+“内容”

    4输出HEML标签并起作用,标签用“”括起来


    查看全部
  • if(条件){条件符合执行代码}

    else{不符合条件执行}

    函数:完成特定功能的语句,把特定功能的代码快放在一个函数中,直接调用这个函数,就省去重复输入大量代码

    函数基本语法:function 函数名()

    {函数代码;

    }

    备注:function是定义函数的关键字

    2“函数名”为函数取得名字

    3“函数代码”替换为完成特定功能的代码

    函数调用:在需要位置写上“函数名()”

    查看全部
  • 变量是用于存储某种/某种数值的存储器

    定义变量使用关键字VAR 变量名

    变量名遵循命名规则

    1变量必须使用字母、下划线、美元符开始

    2 然后可以使用任意多个字母、数字、下划线或者美元符组成

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

    javascript关键字主要是用于控制语句的开始与结束(有选择、循环、返回、转向语句)

    注意

    1在JS中区分大小写,如变量MYCHAR与muchar是不一样的,表示两个变量

    2变量虽然也可以不申明,直接使用,但不规范

    查看全部
  • object.removeAttribute("style");

    重置,取消设置的所有style

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

    2018-11-17

  • 注释内容一般放在需要解释语句的结尾处或周围

    单行注释"//"

    多行注释“/*”开始,以*/结束

    查看全部
  • javascript代码格式:语句;按照顺序执行语句

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


    查看全部
  • 如果在HTML中写javascript代码,代码写在<script type="text/javascript"></script>中

    JS代码直接写入JS文件(文件后缀为.JS)中

    我们需要在HTML中添加如下代码为:<script src="script.js"></script>

    script.js中写上alert("JS代码")


    查看全部
  • 第一种:输出内容用“”括起,直接输出“”里的内容
    document.write("I love Javascript");
    第二种:通过变量,输出内容
    var mystr="I love Javascript";
    document.write(mystr);
    第三种:输出多项内容,内容用+号连接
    var mystr="hello";
    document.write(mystr+"I love Javascript");
    第四种:输出HTML标签,并起作用,标签使用“”括起来
    var mystr="hello";
    document.write(mystr+"<br>");//输出hello后,输出一个换行符
      document.write("JavaScript");


    查看全部
  • <!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 CONFIRM=confirm("你确定打开吗")
                if(CONFIRM==true)
                {
                    var PROMPT=prompt("网址","http:www.imooc.com");
                    if(PROMPT!=null)
                   { window.open(PROMPT,'_blank','width=400px,height=500px,menubar=no,toolbar=no');}
                    else
                    {
                        alert("Baby,try again");
                    }
                }
                else
                {
                    alert("Don't worry!");
                }
            
            
        }
        
      </script>
     </head>
     <body>
          <input type="button" value="新窗口打开网站" onclick="openWindow()" />
     </body>
    </html>

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

    2018-11-17

  • 解决方法:

    1. 使用输出html标签&nbsp;来解决

     document.write("&nbsp;&nbsp;"+"1"+"&nbsp;&nbsp;&nbsp;&nbsp;"+"23");

     结果:  1    23

    2. 使用CSS样式来解决

     document.write("<span style='white-space:pre;'>"+"  1        2    3    "+"</span>");

     结果:  1       2     3    

     在输出时添加“white-space:pre;”样式属性。这个样式表示"空白会被浏览器保留"

     


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

    查看全部

举报

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

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