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

JavaScript入门篇

难度入门
时长 1小时35分
学习人数
综合评分9.57
5509人评价 查看评价
9.8 内容实用
9.5 简洁易懂
9.4 逻辑清晰
  • 警告(alert 消息对话框): alert(字符串或变量); <script type="text/javascript"> function rec(){ var mychar="I love JavaScript"; alert(mychar); } </script>
    查看全部
  • JS中如何输出空格: document.write(" 1 2 3 "); 结果: 1 2 3 浏览器显示机制,对手动敲入的空格,将连续多个空格显示成1个空格。 解决方法: 1. 使用输出html标签&nbsp;来解决 document.write("&nbsp;&nbsp;"+"1"+"&nbsp;&nbsp;&nbsp;&nbsp;"+"23"); 结果: 1 23 2. 使用CSS样式来解决 document.write("<span style='white-space:pre;'>"+" 1 2 3 "+"</span>"); 结果: 1 2 3 ( 在输出时添加“white-space:pre;”样式属性。这个样式表示"空白会被浏览器保留")
    查看全部
  • document.write(mychar + "<br>")//可以是变量名,也可以是“ ”; 用var定义变量:var mychar = "+++"; <br>表示换行
    查看全部
  • 确认(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> 结果: 注: 消息对话框是排它的,即用户在点击对话框按钮前,不能进行任何其它操作。
    查看全部
  • 显示和隐藏(display属性) Object.style.display="none";---->对象.样式.显示="无"(即 隐藏) Object.style.display="block";--->对象.样式.显示="块级元素"(即 显示)
    查看全部
  • 输出内容(document.write) 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> 关于JS输出空格问题,请查看wiki中" JS如何输出空格 "
    查看全部
  • 什么是函数 函数是完成某个特定功能的一组语句。如没有函数,完成任务可能需要五行、十行、甚至更多的代码。这时我们就可以把完成特定功能的代码块放到一个函数里,直接调用这个函数,就省重复输入大量代码的麻烦。 如何定义一个函数呢?基本语法如下: function 函数名() { 函数代码; } 说明: 1. function定义函数的关键字。 2. "函数名"你为函数取的名字。 3. "函数代码"替换为完成特定功能的代码。 我们来编写一个实现两数相加的简单函数,并给函数起个有意义的名字:“add2”,代码如下: function add2(){ var sum = 3 + 2; alert(sum); }
    查看全部
  • 改变 HTML 样式 语法: Object.style.property="新样式";--->对象/变量.样式.属性="新样式"; style为:css样式:长 宽 高 字体 颜色 背景等
    查看全部
    0 采集 收起 来源:改变 HTML 样式

    2018-03-22

  • function 函数名()====>自定义函数
    查看全部
  • document.getElementById("id名")--->通过id获取元素 document.getElementById("id名").innerHTML--->通过id获取元素的内容 innerHTML 属性用于获取 或 替换 HTML元素的内容 语法: Object.innerHTML---->获取(元素)对象的内容 Object.innerHTML="替换的内容";----->替换对象/变量object的内容
    查看全部
    0 采集 收起 来源:innerHTML 属性

    2018-03-22

  • <input name="button" type="button" onClick="rec()" value="点击我,弹出对话框" />
    查看全部
  • prompt 消息对话框 ( str1, str2)
    查看全部
  • 通过ID获取元素:var 变量=document.getElementById("id名");--->声明变量为文档中 通过ID获取的元素 即标签 结果为:null或[object HTMLxElement]---->(找不到)空值 或 [(找到的)对象 HTML的x元素]
    查看全部
  • innerHTML才能获取内容
    查看全部
  • alert:弹出一条报警信息,用于测试; confirm:确认弹出框; prompt:提问弹出框; window.open:打开窗口; window。close:关闭窗口;
    查看全部

举报

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

微信扫码,参与3人拼团

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

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