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

JavaScript入门篇

慕课官方号 页面重构设计
难度入门
时长 1小时35分
  • 通过ID获取元素

    语法:

     document.getElementById(“id”)


    查看全部
  • JavaScript-提问(prompt 消息对话框)

    var myname=prompt("请输入你的姓名:");
    if(myname!=null)
      {   alert("你好"+myname); }
    else
      {  alert("你好 my friend.");  }

    查看全部
  • JavaScript-确认(confirm 消息对话框)

    <script type="text/javascript">
        var mymessage=confirm("你喜欢JavaScript吗?");
        if(mymessage==true)
        {   document.write("很好,加油!");   }
        else
        {  document.write("JS功能强大,要学习噢!");   }
    </script>

    查看全部
  • https://img1.sycdn.imooc.com//5b1cdb94000126c908550167.jpg

     也有其他方法:

     刷新页面

    重新设置每个属性

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

    2018-06-10

  • primpt()方法返回值是字符串类型。可以用parseInt()改为int 或者parse其他类型 confirm()返回值是boolean类型
    查看全部
  • https://img1.sycdn.imooc.com//5b1be3f20001c80e03470038.jpghttps://img1.sycdn.imooc.com//5b1be40300012dbe03700036.jpg

    这是错误的!

    正确:https://img1.sycdn.imooc.com//5b1be4ce0001399103930054.jpghttps://img1.sycdn.imooc.com//5b1be4c000010e5505640195.jpg


    查看全部
  • window.open([URL], [窗口名称], [参数字符串])

    查看全部
  • function hidetext()
    {
    var mychar = document.getElementById("id").style.display="none";none隐藏元素
    }
    function showtext()
    {
    var mychar = document.getElementById("in").style.display="block";block显示元素为块级元素
    }

    按钮:  

      <form>

           <input type="button" onclick="hidetext()" value="隐藏内容" /> 

           <input type="button" onclick="showtext()" value="显示内容" /> 

        </form>


    查看全部
  • HTML DOM 允许 JavaScript 改变 HTML 元素的样式。如何改变 HTML 元素的样式呢?

    语法:

    Object.style.property=new style;

    注意:Object是获取的元素对象,如通过document.getElementById("id")获取的元素。

    基本属性表(property):

    mychar.style.color="red";

        mychar.style.backgroundColor="#CCC";

        mychar.style.width="300px";

    52e4d4240001dd6c04850229.jpg



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

    2018-06-08

  • 通过ID获取元素
    获取ID  document.getElementById("id");
    输出获取的结果:document.write("结果:"+mychar);


    查看全部
  • 你知道,为什么JavaScript非常值得我们学习吗?

    1. 所有主流浏览器都支持JavaScript。

    2. 目前,全世界大部分网页都使用JavaScript。

    3. 它可以让网页呈现各种动态效果。

    4. 做为一个Web开发师,如果你想提供漂亮的网页、令用户满意的上网体验,JavaScript是必不可少的工具。

    二、易学性

    1.学习环境无外不在,只要有文本编辑器,就能编写JavaScript程序。

    2.我们可以用简单命令,完成一些基本操作。


    查看全部

  • 1.页面初始化的JS必须放在head里面;

    查看全部
  •  function add(){
              var p1 = document.getElementById("p1");
              
              p1.className="one";
              
              
           }
           function modify(){
              var p2 = document.getElementById("p2");
              p2.className="two";
              
           }
           function quxiao(){  
             p1.classList.remove("one")  
             p2.classList.remove("two")
                
           }
           function aaa(){
               p1.className=""
               p2.className=""
           }

    查看全部
  • 重复赋值会覆盖

    数字可以不加引号?


    查看全部
  •   function aaa(){  <br />            var aaa = document.getElementById('con')<br />         aaa.style.display = aaa.style.display=="none"?"block":"none";<br />        }<br />        //隐藏显示为一体<br />        <br />        function hidetext()  {  <br />            var mychar = document.getElementById("con");<br />            mychar.style.display='none';<br />        }<br />        //隐藏内容<br />        function showtext() {  <br />            var mychar = document.getElementById("con");<br />            mychar.style.display='block';<br />        }<br />        //显示内容
    查看全部

举报

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

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