js知识

1、javascript与java的区别

提到javascript,我们都会想到java.但是它们确实不同的类型.

js是基于对象,java面向对象
js是弱类型语言,jaca是强类型语言
js只需要解释就可以执行,浏览器。jave需要编译,在执行。
js是跨平台语言。

 2、方法和属性的区别 

方法后面有括号 属性后面没有括号

3、js的位置

内联: 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <script type="text/javascript">
            //在body内引入,是内联的方式
        </script>
    </body>
</html>

内部:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <script type="text/javascript" src="js/jquery-3.2.1.js"></script><!--在body闭合标签上引入时,都是引入,别人已经写好的js-->
    </body>
</html>

外部:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script type="text/javascript" src="js/other.js"></script><!--这里是js的外部引入方法-->
    </head>
    <body>
    </body>
</html>

4、js的输出

1 alert()
2 document.write()

5、js的注释

1 //单行注释 ctrl+/ 多行ctrl+shift+/
2 /* */多行注释

6、js的五种基本数据类型

boolean布尔类型

null空

undefined未定义的

string字符串型

number数值型

特殊类型:object(对象);

7、变量 

1.驼峰式命名 2.严格区分大小写 3.关键字保留字 4.重名会产生覆盖 5.只能以1英 

文2下划线开头3美元 6.不能使用特殊符号 7.语义化(使用有意义的名字)

8、typeof:判断数据类型 

var a alert(typeof a ) 类型为未定义的类型
a=null alert(typeof a) 类型为对象;
a=0 alert(typeof a) 类型为number;
凡是带引号的类型都是字符串;
当a=0,NaN, '',false,null;时if(a){alert(真)}else{alert(假)};
数值型+undefined=NaN; 数值型+null=数值; (boolean布尔) true+2=3 fales+2=2

9、js获取并更改内容的方法

function doc(){
1 获取ID              var doc=document.getElementById("doc");
2 获取class          var doc=document.getElementsByClassName("doc");
3 获取直接的名字  var doc=document.getElementsByName("doc");
4 获取标签           var doc=document.getElementsByTagName("div");
doc[0].innerHTML="xxx";
document.write("重汇")【重汇】 里面写可以跳出一个新的内
容;
}
document.write("重汇") 【重汇】 外面写的话不会跳 只会出现

10、强制转换

1 boolean:将值转换成boolean类型

2 number:将值转换成数字(整型或浮点数)

3 string:将值转换成字符串

4 parseInt:将值转换成整型

5 parseFloat:将值转换成浮点型

11、运算符

逻辑运算符:

|| (逻辑或):只有前后都是false的时候才返回false,否则返回true。

1 只要“||”前面为false,不管“||”后面是true还是false,都返回“||”后面的值。

2 只要“||”前面为true,不管“||”后面是true还是false,都返回“||”前面的值。

&& 逻辑与):只有前后都是true的时候才返回true,否则返回false。

1 只要“&&”前面是false,无论“&&”后面是true还是false,结果都将返“&&”前面的值;

2 只要“&&”前面是true,无论“&&”后面是true还是false,结果都将返“&&”后面的值;

!(逻辑非):取逻辑反面

三元运算符:

a>b?alert(1):alert(2)条件表达式? 表达式1:表达式2

算术运算符:

1 +   A = 10 + 20;

2 -   A = 10 – 20;

3 *   A = 10 * 20;

4 /   A = 10 / 20;

5 % 两个数相除,取余数

   A = 10 % 3;  // A = 1,如果余数不为0,则两个不能整除

       A = 10 % 2;  // A = 0,如果余数为0,则两个数能除尽

6 ++ 自加1  

7 -- 自减1

赋值运算符:

1 = 赋值

2 “+=”先加后等。如:a += 10  //展开后  a = a + 10

3 “-=”先减后等。如:a -= 10   //展开后  a = a - 10

4 “*=”先乘后等。如:a *= 10  //展开后  a = a * 10

5  “/=”先除后等。如:a /= 10   //展开后  a = a / 10

比较运算符:

比较运算符的运算结果是布尔值(true或false)。

运算符 例子
>(大于) A = 10 > 20;                  // 结果A=false
>=(大于等于) A = 20>=20;                // 结果A=true
==(等于) A = 10%2 == 0;         // 结果A=true
!=(不等于) A = 10%3 != 0;         // 结果A=true
===(全等) A = 10%2 === “0”;  //结果A=false
<(小于) A = 10 < 20;           // 结果A=ture
<=(小于等于) A = 20<=20;         // 结果A=true

“=”是赋值号。如:a = 10

“==”等于。只比较两个变量的,而不管类型。只要值一样,就返回true,否则返回false。

“===”全等于。既比较变量,也判断类型。如果类型和值都一样,返回true,否则返回false。

 三元运算符 ? :

 语法:条件表达式 ? 结果1 : 结果2

 含义:如果条件为true,则执行“结果1”的代码;如果条件为false,则执行“结果2”的代码

12、调用对象的方法

1 消息框 alert()

2 确定框 confirm()

3 提示框 prompt()

13、流程控制:

1 条件语句
  if(exp)执行一句代码
  if(exp){执行代码段;}
  if(exp){exp为true执行代码段}else{exp为false执行代码段;}
  if...elseif...
  switch...case
  if嵌套

2 循环语句
  for循环
  while循环
  do...while循环

3 特殊循环控制

  break终止循环

  continue跳过当次循环,进入下次循环

14、函数:

1 定义:完成某一功能的代码段;方便管理和优化;可重复执行。

2 需要注意的:

函数名称最好驼峰写法或下划线;
严格区分大小写;
函数名不能覆盖;
函数可以有参数,也可以没有参数.可以是一个,也可以有多个;要一一对应;
全局变量和二次变量;
函数通过return返回值,如果没有return默认发挥undefined;
函数通过事件来调用函数;

  

                                                  未完成,持续更新。

    

原文地址:https://www.cnblogs.com/txzysfy/p/8219112.html