8.4 JavaScript

纵然是瞬间 提交于 2019-11-30 01:09:08

参考链接:http://how2j.cn/k/javascript/javascript-javascript-tutorial/519.html

一、JavaScript是什么

JavaScript用于网页和用户之间的交互,eg:比如提交的时候,进行用户名是否为空的判断。 

完整的javascript由语言基础、BOM、DOM三部分组成。

javascript代码必须放在script标签中 script标签可以放在html的任何地方,一般建议放在head标签里

javascript都是放在script标签中的,一旦加载,就会执行、如果有多段script代码,会按照从上到下,顺序执行(不换行)

可以采用和css一样的手段,把javascript代码剥离出来,单独放在一个文件里,在html中引用该文件即可。 

  <script src="http://how2j.cn/study/hello.js"></script>

二、JavaScript的语言基础

2.1 document是javascript的内置对象,代表浏览器的文档部分,document.write("Hello Javascript"); 向文档写入字符串

2.2 JavaScript相关注释、// 单行注释、/*  .. */ 多行注释

2.3 使用var声明一个变量、开头可以用 _$和字母 、其他部分可以用 $ _ 字母或者数字

<script>
  var x = 10;
  document.write("变量x的值:"+x);
</script>

 2.4 JS的七大基本数据类型

  1. undefined:当一个变量被声明了,却没有赋值的时候,叫做 undefined
  2. Boolean:Boolean变量有两种值,分别是true或者false
  3. Number:javascript中的Number可以表示十进制,八进制,十六进制整数,浮点数,科学记数法
  4. String:与java不同的是,javascript中没有字符的概念,只有字符串,所以单引号和双引号,都用来表示字符串。
  5. Array:集合
  6. object:对象
  7. null:空对象/对象不存在

var变量的类型是动态的,当值是整数的时候,就是Number类型,当值是字符串的时候,就是String类型

判断x元素的类型:+typeof x

2.5 基本类型转换 

javascript是一门很有意思的语言,即便是基本类型,也是伪对象,所以他们都有属性和方法。变量a的类型是字符串,通过调用其为伪对象的属性length获取其长度

  1. 转换成字符串:无论是Number,Boolean还是String都有一个toString方法,用于转换为字符串
  2. 数字变为字符串:Number转换为字符串的时候有默认模式a.toString(),10进制基模式自己决定几进制两种。
  3. 转换为数字:javascript分别提供内置函数 parseInt()和parseFloat(),被转换的字符串,同时由数字和字符构成,那么parseInt会一直定位数字,直到出现非字符。
  4. 使用内置函数Boolean() 转换为Boolean值,当转换字符串时:非空即为true
    当转换数字时:非0即为true;当转换对象时;非null即为true

Number()和parseInt()一样,都可以用来进行数字的转换
区别在于,当转换的内容包含非数字的时候,Number() 会返回NaN(Not a Number)、parseInt() 要看情况,如果以数字开头,就会返回开头的合法数字部分

String()和toString()的区别?

String()和toString()一样都会返回字符串,区别在于对null的处理
String()会返回字符串"null"
toString() 就会报错,无法执行

2.5 调试的几种方法

  1. alert(1)会弹出一个对话框,里面的内容是1。换句话说,如果弹出了1,这个位置以上的代码,都是可以运行的。
  2. 点击快捷键F12,就会出现console页面。 
  3. 类似于 alert进行调试, firebug有一个日志输出工具console.log()

三、函数

函数即一段可以重复使用的代码

<script>
function print(message){
  document.write(message);
}
print("第一句话");
print("<br>");
print("第二句话");
</script>

在函数内的参数为局部参数、在函数外的为全局参数

四、JavaScript的内置对象(需要new)

JavaScript中的对象是有着属性和方法的一种特殊数据类型。 

  1. Number,
  2. 字符串String,
  3. 日期Date,
  4. 数组Array。 
  5. Math,算数常用方法

 

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!