慕课网javascript基础学习笔记

一、用js给全世界打招呼

<script    type="text/javascript">

document.write("hello    world!")

</script>

二、js如何插入网页

1、<script type="text/javascript">

document.getElementById("txt").style.color="red";

     </script>

2、外部链接

<script src="js外部链接地址"></script>

三、js可以插入网页任何位置，但是浏览器读取html代码是有先后顺序的，所以一般js我们写在head区域

四、注释很重要

单行注释：//

多行注释：/*  */

作用：1、给不同功能代码进行注释有助于代码阅读与后期修改

   2、隐藏暂时不需要的代码，有便于页面找错。

注意：注释浏览器是忽略不看的，也不会执行。

五、什么是变量

变量：用于某种或者某些数值存储的容器。

语法：var 变量名

注意：变量名可以任意取名，但是要遵循命名规则，

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

2、然后可以使用任意多个英文字母、数字、下划线"_"或者美元符$组成。

3、不能使用JavaScript关键词与JavaScript保留字。

4、不要以数字开头

5、变量要先声明再赋值

举例：

var mychar;

mychar="javascript";

var mynum=6;

6、变量可以重复赋值

var  mychar;

mychar = "javascript";

mychar = "hello";

注意：在js中是要区分大小写的。

六、判断语句（if。。。else）

语法：if（条件）{

条件成立时执行的代码}

   else{

条件不成立时执行的代码}

举例：年龄大于等于18岁，是成年人，否则不是成年人。

<script  type="text/javascript">

var  myage = 18;

if(myage >= 18)  //myage >= 18是判断条件

{ document.write("你是成年人")；}

else{

document.write("未满18岁，你不是成年人。")}

</script>

七、什么是函数：是一个信封，封装某个功能的代码段落，方便调用。

语法： function  函数名（）{

函数代码；}

说明：1、function定义函数的关键字。

   2、“函数名”可以自定义

   3、“函数代码”替换为完成特定功能的代码

举例：function add2（）{

sum = 5 + 6;

alert(sum);}

add2(); //调用函数，直接写函数名

八、

document.write("str");输出内容

alert（）；消息对话框——警告

confirm（“str”）；消息对话框——确认

prompt（）；消息对话框——提问

Window.open();打开新窗口

Window.close();关闭窗口

九、认识DOM：文档对象模型DOM定义访问和处理html文档的标准方法。

DOM将html文档呈现为带有元素、属性和文本的树结构（节点树）。

三种常见的DOM节点：

1、元素节点：即html标签。

2、文本节点：向用户展示的内容 

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

十、通过id获取元素

document.getElementById("id名称")

十一、innerHTML属性

十二、改变html样式

document.getElementById("id名称").style.color="red"

十三、显示与隐藏（display属性）

display = “none”——隐藏

display = “block”——显示

十四、控制类名（className属性）

var  mystr = document.getElementById("txt");

mystr.className = "colorB"

注意：colorB为你为元素设置的类选择器名称。

以上是我在慕课网JavaScript入门篇中学到的关于js的知识点，写这篇主要是为了给自己所学知识进行一个归纳，且便于自己以后的查看复习，希望我以后的每一点进步都可以在这里见证。

附慕课网址http://www.imooc.com/