为了账号安全,请及时绑定邮箱和手机立即绑定

JavaScript入门篇

难度入门
时长 1小时35分
学习人数
综合评分9.57
5509人评价 查看评价
9.8 内容实用
9.5 简洁易懂
9.4 逻辑清晰
  • <!DOCTYPE HTML>

    <html>

    <head>

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

    <title>className属性</title>

    <style>

        body{ font-size:16px;}

        .one{

    border:1px solid #eee;

    width:230px;

    height:50px;

    background:#ccc;

    color:red;

        }

    .two{

    border:1px solid #ccc;

    width:230px;

    height:50px;

    background:#9CF;

    color:blue;

    }

    </style>

    </head>

    <body>

        <p id="p1" > JavaScript使网页显示动态效果并实现与用户交互功能。</p>

        <input type="button" value="添加样式" onclick="add()"/>

    <p id="p2" class="one">JavaScript使网页显示动态效果并实现与用户交互功能。</p>

        <input type="button" value="更改外观" onclick="modify()"/>


    <script type="text/javascript">

       function add(){

          var p1 = document.getElementById("p1");

          p1.className="one";

       }

       function modify(){

          var p2 = document.getElementById("p2");

          p2.className="two"

       }

    </script>

    </body>

    </html>


    查看全部
  • style.display=none 不显示id对象

    style.display=block 显示id对象

    查看全部
  • object.style=new.style


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

    2020-07-15

  • 变量.innerHTML="改变的值";

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

    2020-07-15

  • document.getElementById("id")

    获取id对应的对象

    查看全部
  • prompt弹出的提示里文本框赋值在第二个参数位置,为空则为null

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

    2020-07-15

  • <!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 mypage=prompt('是否打开?','http://www.imooc.com/');

        if(mypage!=null)

        {

        // 通过输入对话框,确定打开的网址,默认为 http://www.imooc.com/

        window.open('http://www.imooc.com/','width=400','higth=500')

        //打开的窗口要求,宽400像素,高500像素,无菜单栏、无工具栏。

        }else

        {

            window.close();

        }

        }

      </script> 

     </head> 

     <body> 

      <input type="button" value="新窗口打开网站" onclick="openWindow()" /> 

     </body>

    </html>


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

    2020-07-15

  • window.close();

    关闭本窗口

    <窗口对象>.close();

    关闭指定窗口

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

    中间内容用‘’括起来

    窗口名称:可选参数,被打开窗口的名称。    1.该名称由字母、数字和下划线字符组成。
        2."_top"、"_blank"、"_self"具有特殊意义的名称。
           _blank:在新窗口显示目标网页
           _self:在当前窗口显示目标网页
           _top:框架网页中在上部窗口中显示目标网页
        3.相同 name 的窗口只能创建一个,要想创建多个窗口则 name 不能相同。
       4.name 不能包含有空格。

    toolbar:是否有工具条

    scrollbars:是否有滚动条

    statues:是否有状态栏

    查看全部
  • confirm():弹出对话框(包括一个确定按钮和一个取消按钮)。

    括号里可以是字符串或变量值传递。

    查看全部
  • alert弹出消息对话框(包含一个确定按钮)。

    提示信息可以用变量设置传递

    查看全部
  • document.write("直接输出引号中的文字")

    document.write(变量):输出变量里储存的内容

    (“   +     +   ”+)可通过加号连接内容

    若输出HTML标签并让标签起作用,标签用“”括起来。

    <script type="text/javascript">
      var mystr="hello";
    document.write(mystr+"<br>");//输出hello后,输出一个换行符
      document.write("JavaScript");
    </script>


    查看全部
  • 1. function定义函数的关键字。

    2. "函数名"你为函数取的名字。

    3. "函数代码"替换为完成特定功能的代码。

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


    查看全部
  • 变量声明:

    var mychar;
    mychar="javascript";
    var mynum = 6;

    可以重复赋值

    查看全部
  • 单行注释//

    多行注释/*         */

    查看全部

举报

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

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

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