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

JavaScript入门篇

慕课官方号 页面重构设计
难度入门
时长 1小时35分
  •   1.变量必须使用字母、下划线(_)或者美元符($)开始。     2.然后可以使用任意多个英文字母、数字、下划线(_)或者美元符($)组成。     3.不能使用JavaScript关键词与JavaScript保留字。
    查看全部
  • 注意大小写,大小写不同则函数不同
    查看全部
    0 采集 收起 来源:编程练习

    2016-12-24

  • 定义变量使用关键字var,语法如下: var 变量名 变量名可以任意取名,但要遵循命名规则: 1.变量必须使用字母、下划线(_)或者美元符($)开始。 2.然后可以使用任意多个英文字母、数字、下划线(_)或者美元符($)组成。 3.不能使用JavaScript关键词与JavaScript保留字。
    查看全部
  • 使用prompt语句时 判断语句为!=null 使用confirm语句时 判断语句为 true 或 false
    查看全部
    0 采集 收起 来源:编程练习

    2016-12-24

  • if(条件),条件的值为Boolean类型。
    查看全部
  • <form> <input type="button" value="改变颜色" onclick="chcolor()"/> <input type="button" value="改变宽高" onclick="chwh()"/> <input type="button" value="隐藏内容" onclick="mhide()"/> <input type="button" value="显示内容" onclick="mshow()"/> <input type="button" value="取消设置" onclick="setoff()"/> </form> <script type="text/javascript"> function chcolor() { var con=document.getElementById("con"); con.style.color="#abe9a6"; con.style.backgroundColor="#302d70"; } function chwh(){ var txt=document.getElementById("txt"); txt.style.width="200px"; txt.style.height="200px"; } function mhide(){ var con=document.getElementById("con"); con.style.display="none"; } function mshow() { var con=document.getElementById("con"); con.style.display="block";} function setoff() {var myset=confirm("确认是否取消设置"); if(myset==true) { var mytxt=document.getElementById("txt"); mytxt.removeAttribute("style"); } } </script>
    查看全部
    0 采集 收起 来源:编程挑战

    2018-03-22

  • 在命名变量名称的时候,要以 关键字var或const开始,标识符也就是名称,必须是独一无二的来保证唯一性。 命名法则有: 1.标识符至少有一个字符长。 2.标识符的第一个字母需为字母、下划线_、或者美元符号($)或数字(number) 3.标识符第一个字母后可以接字母、下划线_、或者美元符号($)或数字(number) 4.空格与特殊符号除外。
    查看全部
  • 设置所谓的窗口大小是在窗口模式下,全屏状态貌似无效
    查看全部
  • 在javascript 中除了注意数据类型外,还得注意数据类型的用途,即设置变量var(variable)和常量const(constant),在脚本执行过程中,变量会改变,但常量的值永远不会改变。
    查看全部
  • 1.单行注释// 2.多行注释 /* 注释内容 */
    查看全部
  • 引用外部js文件,<script src="script.js"><script/>
    查看全部
  • <script></script>是双标记,成对出现,一般放在html文件头部 必加属性type
    查看全部
  • <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>className属性</title> <style> body{font-size:20px;} .one { border:1px soild #040404; width:350px; background:#fc0202; color:red; } .two { border:5px soild #06d1fd; width:500px; height:150px; background:#fd3a06; color:blue; } </style> </head> <body> <p id="p1" class="two">我是一个漂亮的女孩</p> <input type="button" name="button" value="修改按钮" onClick="Mchange()"/> <P id="p2">所以只要自己努力会越来越有自信</p> <input type="button" name="button" value="增加样式" onClick="add()"/> <script type="text/javascript"> function Mchange() { var abc=doucment.getElementById("p1"); abc.className="one"; } function add() { var def=document.getElementById("p2"); def.className="two"; } </script> </body> 说没有给p1 定义样式
    查看全部
  • function change5(){ var a=confirm("是否进行取消设置"); if(a){ mychar.removeAttribute("style");//这里移除的style是节点里面声明的style,而不能移除className所带来的css样式 } }
    查看全部
    0 采集 收起 来源:编程挑战

    2018-03-22

  • <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>display</title> <script type="text/javascript"> function showtext() { var myshow=document.getElementById("con"); myshow.style.display="block"; } function hidetext() { var myhide=document.getElementById("con"); myhide.style.display="none"; } </script> </head> <body> <h1>my love</h1> <p id="con">我想我会很努力的让自己变得更优秀,加油</p> <form> <input type="button" name="button" onClick="hidetext()" value="隐藏内容">; <input type="button" name="button" onClick="showtext()" value="显示内容">; </form> </body>
    查看全部

举报

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

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