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

JavaScript入门篇

慕课官方号 页面重构设计
难度入门
时长 1小时35分
  • <script type="text/javascript"> //定义"改变颜色"的函数 function changeColor(){ var initTxt = document.getElementById("txt"); initTxt.style.color="blue"; initTxt.style.backgroundColor="#CCC"; } //定义"改变宽高"的函数 function changeWhight(){ var initTxt = document.getElementById("txt"); initTxt.style.width="300px"; initTxt.style.height="400px"; } //定义"隐藏内容"的函数 function changeHidden(){ var initTxt = document.getElementById("txt"); initTxt.style.display="none"; } //定义"显示内容"的函数 function changeShow(){ var initTxt = document.getElementById("txt"); initTxt.style.display="block"; } //定义"取消设置"的函数 function changeSet(){ var initTxt = document.getElementById("txt"); var isSet = confirm("是否确认取消设置"); if(isSet == true){ initTxt.removeAttribute('style'); }else{ document.write("你点击了取消"); } } </script>
    查看全部
    1 采集 收起 来源:编程挑战

    2018-03-22

  • 各功能大括号注意对齐。
    查看全部
    0 采集 收起 来源:编程练习

    2016-11-27

  • if...else语句: 语法:if(条件) {条件成立时执行的代码} else {条件不成立时执行的代码} 代码后面加上分号.
    查看全部
  • 定义变量:var 变量名 变量名命名规则:变量必须使用字母,下划线(_)或者$开始;然后可以使用任意字母或下划线或$组成;不能使用JavaScript关键词与JavaScript保留字. 变量赋值中的文本要加双引号(""),变量可以重复赋值,其显示为先后顺序显示. 赋值示例:var mychar; mychar="javascript"; mychar="hello"; (变量可以不声明直接使用,但不规范,前面说的,编程要规范,养成好的编程习惯.)
    查看全部
  • JavaScript-确认(confirm 消息对话框) confirm 消息对话框通常用于允许用户做选择的动作,如:“你对吗?”等。弹出对话框(包括一个确定按钮和一个取消按钮)。 语法: confirm(str); <script type="text/javascript"> function rec(){ var mymessage=confirm("你的性别是?"); if(mymessage==true) { document.write("你是女士!"); } else { document.write("你是男士!"); } } </script>
    查看全部
  • JavaScript-提问(prompt 消息对话框) prompt弹出消息对话框,通常用于询问一些需要与用户交互的信息。弹出消息对话框(包含一个确定按钮、取消按钮与一个文本输入框)。 function rec(){ var score; //score变量,用来存储用户输入的成绩值。 score = prompt("请输入你的成绩"); ; if(score>=90) { document.write("你很棒!"); } else if(score>=75) { document.write("不错吆!"); } else if(score>=60) { document.write("要加油!"); } else { document.write("要努力了!"); } } </script>
    查看全部
  • script注释分两种,单行注释为注释前面加//,多行注释为/*和*/,视情况处理.
    查看全部
  • alert("文本")是出现一个弹窗显示打出来的文本,document.write("文本")是直接在页面上输出文本.养成编程的好习惯,在语句末尾写上分号(;).[虽然可以不写]
    查看全部
  • JS文件所在的位置可以使任何位置,但是一般放在head或者body部分,放在head部分浏览器会先执行这个JS代码再执行其他部分,而放在body部分则为读到时再执行,而且由于浏览器解释HTML文件是按先后顺序的,所以前面的script就会先执行,而后面的会后执行,放在哪里视情况而定.
    查看全部
  • JavaScript可同css一样另起一个单独JavaScript文件,其后缀为.js,而且在这个文件中将不再需要<script></script>, 直接编写js代码就可以了,在HTML文件中嵌入该文件方式为<script src="script.js"></script>,当然,其名称随你起的名称而定.
    查看全部
  • 写JS代码需要添加<script>标签,此标签同html,body等类似,为成对出现标签,JS代码要写在<script></script>之间,而此标签所放位置可放在最后,即</html>后.<script type="text/javascript">中text表示文本类型,JavaScript是为了告诉浏览器输入的文本为JavaScript语言.
    查看全部
  • 输入document.write("hello");会出现hello; 输入document.getElementById("p1").style.color="blue";会使选中的p1中的文字变成蓝色
    查看全部
  • document.write("<span style='white-space:pre;'>"+" 1 2 3 "+"</span>"); 输入空格的样式
    查看全部
  • function openWindow(){ // 新窗口打开时弹出确认框,是否打开 var isOpen = confirm('是否打开?'); if(isOpen==true){ // 通过输入对话框,确定打开的网址,默认为 http://www.imooc.com/ var newUrl = prompt('输入需要打开的网址','http://www.imooc.com/'); //打开的窗口要求,宽400像素,高500像素,无菜单栏、无工具栏。 window.open(newUrl,'_blank','height=500,width=400,menubar=no,scrollbars=no'); } }
    查看全部
    0 采集 收起 来源:编程练习

    2016-11-27

  • JavaScript-关闭窗口(window.close) close()关闭窗口 用法: window.close(); //关闭本窗口 或 <窗口对象>.close(); //关闭指定的窗口 例如:关闭新建的窗口。 <script type="text/javascript"> var mywin=window.open('http://www.imooc.com'); //将新打的窗口对象,存储在变量mywin中 mywin.close(); </script> 注意:上面代码在打开新窗口的同时,关闭该窗口,看不到被打开的窗口。
    查看全部

举报

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

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