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

JavaScript入门篇

慕课官方号 页面重构设计
难度入门
时长 1小时35分
  • 利用对话框输入

    prompt(str1,str2 )———弹出对话框有两个选项,确定键返回键入内容作为参数,取消键返回null,其中str1是对话框显示文本,str2是输入框中的默认值

    查看全部
  • var mychar=confirm("对话框显示文本");

    该判断对话框有两个选项———确定和取消,在判断语句中返回值分别为ture和false

    查看全部
  • 弹出对话框

    alert(变量/字符串)


    查看全部
  • document.write() 输出多项之间用+连接

    查看全部
  • 定义函数  

    function 函数名(){
         函数代码;
    }

    调用函数

    onclick="contxt()" 

    查看全部
  • js定义变量

    var+变量名

    查看全部
  • Window
    查看全部
  • window.open()
    查看全部

  • 先定义函数function 函数名(){}

    再在调用函数的位置直接写 函数名()

    查看全部
  • var obj=document.getElementById("txt");多个函数使用了变量obj,只在函数定义前定义一次obj

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

    2019-07-18

  • Not bad
    查看全部
  • function color()

    {

        var myChar = document.getElementById("txt");

            myChar.style.color="blue";

            myChar.style.backgroundColor = "#CCC";

    }

    function Style()

    {

        var myChar = document.getElementById("txt");

            myChar.style.width = "200px";

            myChar.style.height = "400px";

    }


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

    2019-07-18

  • 测试直接用window.close()关闭的窗口是哪一个

    查看全部
  • mooc里面没有显示,放eclipse执行了

    <%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <html>
    <head>
    <meta http-equiv="Content-Type" Content="text/html; charset=utf-8" />
    <title>javascript</title>
    <style type="text/css">
    body{font-size:12px;}
    #txt{
        height:400px;
        width:600px;
     border:#333 solid 1px;
     padding:5px;}
    p{
     line-height:18px;
     text-indent:2em;}
    </style>
    </head>
    <body>
      <h2 id="con">JavaScript课程</H2>
      <div id="txt">
         <h5 id="ul">JavaScript为网页添加动态效果并实现与用户交互的功能。</h5>
            <p>1. JavaScript入门篇,让不懂JS的你,快速了解JS。</p>
            <p>2. JavaScript进阶篇,让你掌握JS的基础语法、函数、数组、事件、内置对象、BOM浏览器、DOM操作。</p>
            <p>3. 学完以上两门基础课后,在深入学习JavaScript的变量作用域、事件、对象、运动、cookie、正则表达式、ajax等课程。</p>
      </div>
      <form>
      <!--当点击相应按钮,执行相应操作,为按钮添加相应事件-->
        <input type="button" value="改变颜色" onclick="change1()"> 
        <input type="button" value="改变宽高" onclick="change2()">
        <input type="button" value="隐藏内容" onclick="hide()">
        <input type="button" value="显示内容" onclick="show()">
        <input type="button" value="取消设置" onclick="cancel()">
      </form>
      <script type="text/javascript">
     //定义"改变颜色"的函数
     var a=document.getElementById("con");
     var b=document.getElementById("ul");
    function change1(){
       a.style.color="red";
       a.style.backgroundColor="#ccc";
       b.style.color="red";
       b.style.backgroundColor="#ccc";
    }
    //定义"改变宽高"的函数
    function change2(){
        a.style.width="500px";
        a.style.height="700px";
        b.style.width="300px";
        b.style.height="300px";
    }

    //定义"隐藏内容"的函数
    function hide(){
        a.style.display="none";

    }
    //定义"显示内容"的函数
    function show(){

        b.style.display="block";
    }
    //定义"取消设置"的函数
    function cancel(){
        var z=confirm("是否取消设置?");
        if(z!=true)
        {
         a.removeAttribute("style");
         b.removeAttribute("style");
        }
        else{
         return
        }
       
    }
      </script>
    </body>
    </html>


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

    2019-07-17

  • practices 1

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

    2019-07-17

举报

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

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