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

JavaScript入门篇

慕课官方号 页面重构设计
难度入门
时长 1小时35分
  • 显示和隐藏    Object.style.display = value;

    value值

    none    隐藏

    block    显示

    查看全部
  • 改变HTML样式    Object.style.property = new style;

    property 包括

    backgroundColor    设置背景颜色

    height    设置高

    width    设置宽

    color    设置文本颜色

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

    fontFamily    设置元素的字体系列

    fontSize    设置元素的字体大小

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

    2018-03-31

  • 改变元素内容方法  Object.innerHTML

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

    2018-03-31

  • 通过id获取元素方法  document.getElementById("id");

    查看全部
  • 打开新窗口  window.open(url,窗口名称,参赛数字字符串);

    url  可选参数  是网页网址或者路径  如果为空  则新窗口不会显示任何内容

    窗口名称  可选参数  被打开窗口的名称  

    参数字符串  可选参数  设置窗口参数  各参数用逗号隔开

    _top: 框架网页中在上部窗口中显示目标网页

    _blank: 在新窗口显示目标网页

    _self: 在当前窗口显示目标网页

    top            number值  窗口顶部离开屏幕顶部的像素值  

    left            number值  窗口左部离开屏幕左部的像素值

    width         number值  窗口宽

    height        number值  窗口高

    menubar    yes,no       窗口有没有菜单

    toolbar       yes,no       窗口有没有工具条

    scrollbars   yes,no       窗口有没有滚动条

    status        yes,no       窗口有没有状态栏

    关闭窗口  window.close(); 关闭本窗口

    <窗口对象>.close();  关闭制定窗口

    查看全部
  •  提问式输出  prompt(str1,str2);

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

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

    确认按钮  返回值为文本框中的内容

    取消按钮  返回值为null

    查看全部
  • 是否确认输出  confirm();

    查看全部
  • 弹出消息框输出  alert();

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

    查看全部
  • 声明函数形式  function 函数名(){};

    查看全部
  • 常用的互动方法有以下几种:     var mychar="world"
    1.输出内容(document.write)   document.write("hello"+mychar);
    2.警告(alert消息对话框)      alert("hello");alert(mychar);
    3.确认(configm消息对话框)    var message=confirm("你喜欢JS吗?");                            
    4.提问(prompt消息对话框)       var myname=prompt("请输入你的姓名:") ;win              
    5.打开/关闭窗口(window.open/close)   window.open('http://www.immoc.com',''_blank','width=200,height=200');
    
    
    提问(prompt消息对话框)
    打开窗口(window.open)
    关闭窗口(window.close)
    查看全部
    1 采集 收起 来源:编程练习

    2018-03-31

  • avaScript-关闭窗口(window.close)

    close()关闭窗口

    用法:

    window.close();   //关闭本窗口

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

    例如:关闭新建的窗口。

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

    <script type="text/javascript">

    var myWin=window.open("http://www.imooc.com";

    myWin.close();

    </script>

    注意:上面代码在打开新窗口的同时,关闭该窗口,看不到被打开的窗口。


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


    查看全部
  • confirm(str)

    <script>

    function rec(){

    var mymessarge=confirm("你是女士吗?");

    if(mysessage==true)

    {document.write(“你是女士!”);}

    else

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

    </script>

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

    查看全部
  • JavaScript-提问(prompt消息对话框)
    prompt弹出消息对话框,通常用于询问一些需要与用户交互的信息。弹出消息对话框(包含一个确定按钮、取消按钮与一个文本输入框)。
    语法:
    prompt(str1, str2);
    参数说明:
    str1: 要显示在消息对话框中的文本,不可修改
    str2:文本框中的内容,可以修改
    返回值:
    1. 点击确定按钮,文本框中的内容将作为函数返回值
    2. 点击取消按钮,将返回null


    查看全部

举报

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

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