javascript基本知识

Posted yk9238

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript基本知识相关的知识,希望对你有一定的参考价值。

01.javascript几种输出方式

Document.wrte(); 文档打印输出

Console.log();  控制台输出

Console.warn(); 控制台警示

Console.error();控制台错误提示

Alert();弹窗,很少用,用户体验差

02.事件三要素

事件源  事件 事件处理程序

事件源.事件=function(){   事件处理函数  };

常用事件      说明

  • onclick         鼠标单击
  • ondblclick       鼠标双击
  • onkeyup        按下并释放键盘的一个键时触发
  • onchange       文本内容或下拉菜单中的选项发生改变
  • onfocus         获得焦点,表示文本框等获得鼠标光标
  • onblur          失去焦点,表示文本框等失去鼠标光标
  • onmouseover     鼠标悬停,即鼠标停留在图片等的上方
  • onmouseout      鼠标移除,即离开图片等所在的区域
  • onload           网页文档加载事件
  • onunload         关闭网页时
  • onsubmit          表单提交事件
  • onreset           重置表单时

03.隐藏样式

Display: none           display: block ;  显示的意思

 Visibility: hidden;       visibility: visible  显示的意思

 Display  隐藏不占位置

 Visibility:hidden 隐藏占有位置   停职留心

 Overflow:hidden;   隐藏超出的部分

04图片经过切换

<img src="images/01.jpg" id="pic" />

                         var pic=document.getElementById("pic");

                         pic.onmouseover=function(){

                                       pic.src="images/02.jpg";

                         }

                         pic.onmouseout=function(){

                                       pic.src="images/01.jpg";  //样式就要加style,src是属性,不需要

}

04.js的书写位置

1.行内式

<button onclick=”alert(‘你好吗’)”>点击我</button>

2. 内嵌式

 <script type=”text/javascript”>  </script>  //任何一个地方

3.外联式

<script type=”text/javascript” src=”XX.js”></script>  //里面不能有任何东西

数据类型

 Js 的数据类型分为:

  字符型     数值型   布尔型   null    undefined 

 Js 是一个是一种弱数据类型 。

 Var  Aa = 10;

Var  aa:int = 10;

 Js 的变量你给什么值,他就是什么数据类型。 

 字符型 (string)

  String  

  转换为字符型:

  1. 利用 “”  (双引号)

   加了引号的都是字符型。

  2. 利用String();  转换为字符型

  布尔型 (boolean)

  就两个值   正确的和错误的   true  和  false

  数据类型转换为布尔型:

  1. 利用 !!  

   console.log(typeof !!num);

  2. 利用 Boolean() 

 false、undefined 、null、0、””  为 false

 true、1、”somestring”、[Object]  为 true

 数值型

 Var  num = 10

 数值的前面带  0  表示 八进制 

 Var num = 020;  

  0*80+2*81  = 16 

 数值的前面带  0x  表示 十六进制

  var result = 0xb;   11 

  转换为数值型:

  1. 利用 -  *  / 都可以转换

  2  利用Number( ) 

 

ParseInt()  parseFloat() 

parseInt(值, 进制);     

parseInt(110,2)

 表示2进制        吧10 这个2进制转换为 10进制  

 0*20+1*21  + 1*22   =  6 

 

1.var a="15.15abc" , b=‘10.15‘ , c=‘10.0abc‘;

alert(parseInt(a)+Number(b)+parseFloat(c));

 Null  undefined

Null  空的       没有值 。

Undefined  未定义的    应该有值,但是没有给。

Null        “” 

 

以上是关于javascript基本知识的主要内容,如果未能解决你的问题,请参考以下文章

精心收集的 48 个 JavaScript 代码片段,仅需 30 秒就可理解!(转载)

VSCode自定义代码片段12——JavaScript的Promise对象

VSCode自定义代码片段12——JavaScript的Promise对象

30秒就能看懂的JavaScript 代码片段

常用Javascript代码片段集锦

48个值得掌握的JavaScript代码片段(上)