当前位置: 移动技术网 > IT编程>开发语言>JavaScript > js基础

js基础

2019年08月13日  | 移动技术网IT编程  | 我要评论

一、js三种引入方式

  1.1行内引入:↓

<a href="javascript:alert('hello world!!!')">点击</a>
<p onclick="javascript:alert('hello world!!!')">点击</p> 

   1.2内部引入:↓

<!doctype html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
      <!--1.写在head里-->
      <script>
         alert('hello world!!!');
     </script>  
</head>
<body>
     <!--2.写在body里-->
      <script>
         alert('hello world!!!');
     </script>
</body>
</html>

           1.3外部引入:↓

<!doctype html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<!--1.写在head里-->
    <script src="js/js.js" type="text/javascript"></script> </head> <body>   <!--2.写在body里--> <script src="js/js.js"></script> </body> </html>

           注意!!!:javascript可以写在html任何地方。推荐使用外部引入并且放在距离</body>最近的地方,避免页面渲染不全而导致逻辑出错。

   <noscript>您的浏览器不支持javascript!!!</noscript>//对于一些浏览器不支持javascript;

二、js三种弹框方式

  警告框:alert('警告');           确认框:confirm('确认');          提示框:prompt('提示语句','input框');

三、输出方式

  3.1使用window.alert() 弹出警告框
  3.2使用document.write()方法将内容写到html文档中
  3.3使用document.getelementbyid("").innerhtml="需要写入的值"; 写入到html元素
  3.4使用console.log()写入到浏览器的控制台

四、null、nan、" "、undefined比较

  1、undefined:没有对变量进行初始化的类型:

        var test;

     alert(test); //undefined;  

  2、null:

     alert(typeof null);//object

  3、nan:数据类型是number,但不是一个数,nan与任何值都不相等,包括其本身,isnan() 检测是否为nan值   

console.log(0/0);//nan
console.log(0/0);//nan
console.log(1/0);//infinity  正无穷大
console.log(nan==nan);//false;  

  4、 0==" ";   //true

      0==false; //true 

      null==undefined;   //true 

      0==undefined; //false

      undefined==false; //false

      " "==undefined; //false

        0==null; //false

      null==false; //false

      " "==null; //false

五、运算符

  1、算数运算符:+、-、*、/、%、++、--(加、减、乘、除、模、自增、自减)

      模:取余数→  alert(3%5);//3

      a++:先执行后自增;     ++a:先自增后执行      //自增1;

      a - -:先执行后自减;     - - a:先自减后执行     //自减1;

   2、赋值运算符:=、+=、-=、*=、/=、%=(赋值、先加后等、先减后等、........)

      例如:var a=1; a+=2;//可看成a=a+2;//3

   3、比较运算符:>、<、>=、<=、==、!=、===、!==

      ==表示值得判断;===表示值和数据类型的判断;

   4、逻辑运算符:&&、||、!(与、或、非)

      逻辑与:条件都为真时为真;

      逻辑或:至少有一个为真时为真;

      逻辑非:alert(!true);//false

     注意:第一个条件可以确定时,第二个条件容易短路;↓  

var a= 1;
var b= 1;
var c= 3;
if(++a>b || c>--a ){
    console.log('a的值:'+a) //a的值:2
                              } ;
if(++a<b || c>--a ){
    console.log('a的值:'+a) //a的值:1
                              } ; 

   5、三目运算符:(a>b ? 'true' : 'false') ↓

var a=3>1?'3':'1';
console.log(a);//3

   6、字符串运算符:+(连接字符串和变量或数字) ↓

var a='3yi';
console.log('yi'+a);//yi3yi
console.log('2'+a);//23yi
console.log( 2+'3yi');//23yi
console.log( 2+2+'3yi');//43yi 数字在前先加减
console.log('3yi'+2+2);//3yi22 数字在后表连接

   7 、逗号运算符: ↓

var a,b,c;
var n=1,m=2;
var z=(x=3,y=4);
console.log(z);//4
console.log(x);//3

 

 

 

      

 

如对本文有疑问, 点击进行留言回复!!

相关文章:

验证码:
移动技术网