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

JavaScript入门篇

慕课官方号 页面重构设计
难度入门
时长 1小时35分
最热 最新
  • 这个夏天cium


    <script type="text/javascript">表示在<script></script>之间的是文本类型(text),javascript是为了告诉浏览器里面的文本是属于JavaScript语言。


    查看全部
    0 采集 收起 来源：新朋友你在哪里（如何插入JS）

    2018-04-04

  • qq_凳子的凳_0

    <script type="text/javascript">

    //变量赋值；

    var mynum;

    var mynum=8;

    document . write("mynum"+"="+mynum);

    </script>

    查看全部
    0 采集 收起 来源：JavaScript-什么是变量

    2018-04-04

  • M繁星S

    <!DOCTYPE HTML>
    <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>JavaScript为网页添加动态效果并实现与用户交互的功能。</h5>
            <p id="id1">1. JavaScript入门篇，让不懂JS的你，快速了解JS。</p>
            <p>2. JavaScript进阶篇，让你掌握JS的基础语法、函数、数组、事件、内置对象、BOM浏览器、DOM操作。</p>
            <p>3. 学完以上两门基础课后，在深入学习JavaScript的变量作用域、事件、对象、运动、cookie、正则表达式、ajax等课程。</p>
      </div>
      <form >
      <!--当点击相应按钮，执行相应操作，为按钮添加相应事件-->
        <input type="button" onclick="changeColor()" value="改变颜色" >
        <input type="button" onclick="change()" value="改变宽高" >
        <input type="button" onclick="hidetext()" value="隐藏内容" >
        <input type="button" onclick="showtext()" value="显示内容" >
        <input type="button" onclick="cancelAll()" value="取消设置" >
      </form>
      <script type="text/javascript">
     
    var mychar = document.getElementById("txt");
     
    //定义"改变颜色"的函数
    function changeColor(){
        alert("changeColor");
        
        mychar.style.color = "red";
        
        mychar.style.backgroundColor="#CCC";
    }

    //定义"改变宽高"的函数
    function change(){
        alert("change");
        
        var widths=prompt("输入宽：");

        var heights=prompt("输入高：");

        mychar.style.width=widths;

        mychar.style.height=heights;

    }

    //定义"隐藏内容"的函数
    function hidetext(){
        alert("hidetext");
        mychar.style.display = "none";
    }
    //定义"显示内容"的函数
    function showtext(){  
        alert("showtext");
        mychar.style.display = "block";
    }
    //定义"取消设置"的函数
    function cancelAll(){
        alert("cancelAll");
        var auSure=confirm("确定要取消所有设定吗？");
        if(auSure){
        mychar.removeAttribute("style");
         }

    }
      </script>
    </body>
    </html>

    查看全部
    1 采集 收起 来源：编程挑战

    2018-04-04

  • 夏日送风

    var score = prompt("请输入你的分数");

    if (score >= 90){

        

    }

    查看全部
    0 采集 收起 来源：JavaScript-提问（prompt 消息对话框）

    2018-04-04

  • qq_张大师_03201385

    JavaScript-打开新窗口（window.open）

    open() 方法可以查找一个已经存在或者新建的浏览器窗口。

    语法：

    window.open([URL], [窗口名称], [参数字符串])

    参数说明:

    URL：可选参数，在窗口中要显示网页的网址或路径。如果省略这个参数，或者它的值是空字符串，那么窗口就不显示任何文档。 窗口名称：可选参数，被打开窗口的名称。     1.该名称由字母、数字和下划线字符组成。     2."_top"、"_blank"、"_self"具有特殊意义的名称。        _blank：在新窗口显示目标网页        _self：在当前窗口显示目标网页        _top：框架网页中在上部窗口中显示目标网页     3.相同 name 的窗口只能创建一个，要想创建多个窗口则 name 不能相同。    4.name 不能包含有空格。 参数字符串：可选参数，设置窗口参数，各参数用逗号隔开。

    参数表:

    例如:打开http://www.imooc.com网站，大小为300px * 200px，无菜单，无工具栏，无状态栏，有滚动条窗口：

    <script type="text/javascript"> window.open('http://www.imooc.com','_blank','width=300,height=200,menubar=no,toolbar=no, status=no,scrollbars=yes') </script>

    注意：运行结果考虑浏览器兼容问题。


    查看全部
    0 采集 收起 来源：JavaScript-打开新窗口（window.open）

    2018-04-04

  • 史莱克l

    2. 使用CSS样式来解决

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


    查看全部
    0 采集 收起 来源：JavaScript-输出内容（document.write）

    2018-04-04

  • 史莱克l

    输出空格

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


    查看全部
    0 采集 收起 来源：JavaScript-输出内容（document.write）

    2018-04-04

  • 怜怜

    认识DOM

    文档对象模型DOM（Document Object Model）定义访问和处理HTML文档的标准方法。DOM 将HTML文档呈现为带有元素、属性和文本的树结构（节点树）。

    先来看看下面代码:

    将HTML代码分解为DOM节点层次图:

    HTML文档可以说由节点构成的集合，三种常见的DOM节点:

    1. 元素节点：上图中<html>、<body>、<p>等都是元素节点，即标签。

    2. 文本节点:向用户展示的内容，如<li>...</li>中的JavaScript、DOM、CSS等文本。

    3. 属性节点:元素属性，如<a>标签的链接属性href="http://www.imooc.com"。

    看下面代码:

    <a href="http://www.imooc.com">JavaScript DOM</a>

     


    查看全部
    0 采集 收起 来源：认识DOM

    2018-04-03

  • 慕码人3573569

    JavaScript-确认（confirm 消息对话框）

    confirm 消息对话框通常用于允许用户做选择的动作，如：“你对吗？”等。弹出对话框(包括一个确定按钮和一个取消按钮)。

    语法:

    confirm(str);

     

    参数说明:

    str：在消息对话框中要显示的文本 返回值: Boolean值

     

    返回值:

    当用户点击"确定"按钮时，返回true 当用户点击"取消"按钮时，返回false

     

    注: 通过返回值可以判断用户点击了什么按钮

    看下面的代码:

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


    查看全部
    0 采集 收起 来源：JavaScript-确认（confirm 消息对话框）

    2018-04-03

  • 生活吗

    function openwindow(){

        var mychar = confirm("确认新建窗口打开吗？");

        if(mychar == true)

            {var url = prompt("通过输入对话框，确定你打开的网址","http://www.imooc.com");

                if(url = null)

                   { 

                       window.open(url,"_blank",'width = 400,height = 500,menubar = no,toolbar=no');

                       

                   }

                else {alert("再见！");}

                else {alert("再见！");}

                

            }

    }


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

    2018-04-03

  • 慕码人3573569 
    document.write() 可用于直接向 HTML 输出流写内容。简单的说就是直接在网页中输出内容。
第一种:输出内容用""括起，直接输出""号内的内容。
<script type="text/javascript">
  document.write("I love JavaScript！"); //内容用""括起来，""里的内容直接输出。</script>
第二种:通过变量，输出内容
<script type="text/javascript">
  var mystr="hello world!";
  document.write(mystr);  //直接写变量名，输出变量存储的内容。</script>
第三种:输出多项内容，内容之间用+号连接。
<script type="text/javascript">
  var mystr="hello";
  document.write(mystr+"I love JavaScript"); //多项内容之间用+号连接</script>
第四种:输出HTML标签，并起作用，标签使用""括起来。
<script type="text/javascript">
  var mystr="hello";
document.write(mystr+"<br>");//输出hello后，输出一个换行符
  document.write("JavaScript");
</script>


    查看全部
    0 采集 收起 来源：JavaScript-输出内容（document.write）

    2018-04-03

  • 慕码人3573569 
    弹出对话框
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>函数调用</title>
   <script type="text/javascript">
     function  contxt() //定义函数
      {
         alert("哈哈，调用函数了!");
      }
      
   </script>
</head>
<body>
   <form>
      <input type="button"  value="点击我" onclick="contxt() " />  
   </form>
</body>
</html>


    查看全部
    0 采集 收起 来源：JavaScript-什么是函数

    2018-04-03

  • 慕码人3573569 
    定义变量使用关键字var,语法如下：
var 变量名
变量名可以任意取名，但要遵循命名规则:
    1.变量必须使用字母、下划线(_)或者美元符($)开始。
    2.然后可以使用任意多个英文字母、数字、下划线(_)或者美元符($)组成。
    3.不能使用JavaScript关键词与JavaScript保留字。
变量要先声明再赋值，如下：
var mychar;
mychar="javascript";
var mynum = 6;
变量可以重复赋值，如下：
var mychar;
mychar="javascript";
mychar="hello";
注意:
1. 在JS中区分大小写，如变量mychar与myChar是不一样的，表示是两个变量。
2. 变量虽然也可以不声明，直接使用，但不规范，需要先声明，后使用。


    查看全部
    0 采集 收起 来源：JavaScript-什么是变量

    2018-04-03

  • qq_查令十字街84号_03402431

    打开新窗口：window。open([URL],[窗口名称]，[参数字符串])

    查看全部
    0 采集 收起 来源：JavaScript-打开新窗口（window.open）

    2018-04-03

  • 生活吗

    变量必须使用字母、下划线(_)或者美元符($)开始。

    查看全部
    0 采集 收起 来源：JavaScript-什么是变量

    2018-04-03

首页上一页564565566567568569570下一页尾页

举报

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

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

查看已购买的课程