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

JavaScript入门篇

慕课官方号 页面重构设计
难度入门
时长 1小时35分
  • JS中如何输出空格 在写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;”样式属性。这个样式表示"空白会被浏览器保留"
    查看全部
  • http://img1.sycdn.imooc.com//52e3677900013d6a05020261.jpg
    查看全部
  • 文档对象模型DOM(Document Object Model)定义访问和处理HTML文档的标准方法。
    查看全部
    0 采集 收起 来源:认识DOM

    2016-08-05

  • 1. HEAD中的脚本,是可以保证脚本在任何调用之前被加载。 2. BODY中的脚本,当页面被加载时执行的脚本放在HTML的body部分。放在body部分的脚本通常被用来生成页面的内容。 3. Javascript可以放在页面的任何地方,它的加载顺序与页面的加载顺序一致,页面加载时,先加载head部分,后加载body部分,所以当把javascript代码块放在HTML前面时,它将先于head被加载,当放在head里面时,它将先于body被加载,当放在页面最后的的html之外时,它将最后被加载。
    查看全部
  • 窗口名称:可选参数,被打开窗口的名称。 1.该名称由字母、数字和下划线字符组成。 2."_top"、"_blank"、"_selft"具有特殊意义的名称。 _blank:在新窗口显示目标网页 _self:在当前窗口显示目标网页 _top:框架网页中在上部窗口中显示目标网页 3.相同 name 的窗口只能创建一个,要想创建多个窗口则 name 不能相同。 4.name 不能包含有空格。
    查看全部
  • 别忘了none和block要加上双引号
    查看全部
  • <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>confirm使用</title> <script type="text/javascript"> function rec(){ var mymessage=confirm("1+1=2吗?") if(mymessage==true) { document.write("你以为真的这么简单!?"); } else { document.write("什么!你说不是?你小学有毕业吗?!"); } } </script> </head> <body> <input name="button" type="button" onclick="rec()" value="点击我,弹出确认对话框"/> </body> </html>
    查看全部
  • backgroundColor写成background会报错....实际效果是一样的
    查看全部
    0 采集 收起 来源:改变 HTML 样式

    2016-08-04

  • 1.在JS里面调整CSS的样式,属性值都需要加双引号,比如 mychar.style.fontSize="12px"; 2.在CSS里用【-】的属性在JS中转化为首字母大写,如: font-size(css) 转 fontSize(JS);
    查看全部
  • <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>alert弹窗制作</title> <script type="text/javascript"> function rec(){ var mychar="I love JavaScript"; alert("看什么看"); alert("看了咋地"); alert("不咋地"); alert("那你吼什么吼"); alert("路见不平一声吼啊"); alert("那我就该出手时就出手"); } </script> </head> <body> <input name="button" type="button" onClick="rec()" value="点击我,弹出对话框" /> </body> </html>
    查看全部
  • 跟html的<a />标签不一样,它是在新的窗口打开自定义大小的网页,而<a />标签是新标签,不是窗口,两者有差别
    查看全部
  • <script type="text/javascript"> var mystr="hello"; document.write(mystr+"<br>");//输出hello后,输出一个换行符 document.write("JavaScript"); </script>
    查看全部
  • <script type="text/javascript"> var mystr="hello"; document.write(mystr+"I love Javascript");//多项内容之间用+号连接。 </script>
    查看全部
  • <script type="text/javascript"> var mystr="hello world!"; document.write(mystr);//直接写变量名,输出变量存储的内容。 </script>
    查看全部
  • <script type="text/javascript"> document.write("I love Javascript!");//内容用""括起来,""里面的内容直接输出。 </script>
    查看全部

举报

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

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