javascript是互联网上最流行的脚本语言,所有现代的html都使用javascript。既然是脚本语言,那么它的特点就有一下三种:
(1)弱类型;
(2)解释型语言(不需要编译);
(3)逐行执行,一行代码错误,其后的代码块都不会继续执行;
(4)3f1c4e4b6b16bbbd69b2ee476dc4f83a标签可直接嵌入到html文件中,位置是任意的,通常放在被修饰内容下面或者head标签中,但写成单独的js文件有利于结构和行为的分离
2.javascript 内容(附图):
其中ecmascript是javascript的核心;
dom是文档对象模型(使用js操作网页);
bom是浏览器对象模型(使用js操作浏览器)
3.javascript 信息的输出:
(1)alert( )方法:以提示框的形式在页面输出 ,例;
<script> alert("hello,javascript")</script>
(2)console.log( )方法:在控制台输出信息,例:
console.log("hello,javascript")
(3)document.write( ):将内容直接写在html页面中,例:
document.write("hello,javascript")
4.javascript 变量:
与 java不同,ecmascript 中的变量无特定的类型,定义变量时只用 var 运算符,可以将它初始化为任意值,变量的初始化格式:var 变量名 = 变量值;例:
var a = "hello";var b = 123;
如果要定义多个变量,那么可以用将多个变量写在一行,用逗号进行分隔;例:
var a = "你好", b = 123, c = "hello";
变量名字的变量规则:
(1)由字母、数字、下划线、$符号构成
(2)不可以以数字开头,不建议以下划线开头;
(3) 严格区分大小写;
(4)不可以是关键字和保留字
5.javascript 数据类型:
javascript可以分为原始数据类型,引用数据类型两种:
(1)原始数据类型:number,string,boolean,undefined,null
number:数值型,就是数字,包含正数、负数、整数、小数、0、nan、infinity(正无穷)、-infinity(负无穷);
注意:nan:not a number的缩写,表示该值不是一个数值(也属于number)
string:字符串:用双引号""或单引号''包起来的0个或多个字符,如果引号中什么也没有,那么这个字符串被称为空字符串
boolean:布尔型:包含true:表示真(成立)和false:表示假(不成立)两个值
undefined:表示变量未定义,或变量被定义出来,但是没有被赋值
null:表示一个变量没有指向任何一片存储空间,即变量存在,但是里面是空的,类似于undefined
(小提示:在chrome浏览器控制台输出时,会发现number类型为深蓝色,string为黑色,boolean为浅蓝色,undefined和null都为浅灰色)
(2)引用数据类型:
object(对象),array(数组),date(日期),regexp(正则)。。等等
(3)如何查看一个变量的数据类型(typeof 运算符):
数值型数据:返回值为number
console.log(typeof 123) //输出number
字符串型数据:返回值为string
console.log(typeof "你好") //输出string
布尔型数据:返回值为boolean
console.log(typeof true/false) //输出boolean
undefined:返回值为undefined
console.log(typeof undefined) //输出undefined
null:返回值为object(历史遗留问题,说明null也是一个对象)
console.log(typeof null) //输出object
nan:返回值为number
console.log(typeof nan) //输出number
6.javascript 数据类型的转换:
(1)在使用加法(+)运算符时,任何数据与字符串类型数据相加都为字符串类型数据;
console.log("你好" + 123) //输出"你好123"
注(简单理解): 在javascript 中空字符串""转换为false,非空字符串转换为true(除“0”,“1”外);
false转换为 0 或“0”,true转换为 1 或“1”;
做逻辑判断的时候,null,undefined,""(空字符串),0,nan都默认为false;
==在比较的时候可以转换数据类型,===是严格比较,只要类型不匹配就返回false;
其实 == 的比较确实是转换成字符串来比较但,但是在布尔型转换为字符串之前,要先转换成 number
console.log("123" == true) //输出falseconsole.log("1" == true) //输出trueconsole.log("" == true) //输出falseconsole.log(1 == true) //输出trueconsole.log("" == false) //输出trueconsole.log('123' == false) //输出fasleconsole.log('0' == false) //输出trueconsole.log(0 == false) //输出trueconsole.log('1' == 1) //输出trueconsole.log('0' == 0) //输出trueconsole.log(-true) //输出-1
(2)parseint:将字符串转换成整数(只识别字符串中的数值):
注:会忽略字符串中的前后空格(当数值后的空格后面还有数值时,将不会再识别);
能够正确识别正负号,即保留正负号;
在转换时,遇到非数值型的字符就会停止转换;
如果字符串的第一个字符是非数值型的,那么转换的结果为nan;
console.log(parseint("123")) //输出123console.log(parseint(" 1 2")) //只会输出1console.log(parseint(-123)) //输出-123console.log(parseint("hello")) //输出nanconsole.log(parseint(true)) //输出nanconsole.log(parseint("123hello")) //输出123,后面非数值型不会识别console.log(parseint(" 1 ")) //输出1,忽略空格
(3)parsefloat:将字符串转换成小数(识别小数点,注意事项同上)
console.log(parsefloat("123.55")) //输出123.55console.log(parsefloat(".1hello")) //输出0.1
(4)number:将其它类型的数据转换成数值型,注意被转换的数据必须是纯数值构成,否则无法转换,其它注意事项同上
console.log(number(true)) //1console.log(number(false)) //0console.log(number(null)) //0console.log(number("123hello")) //nanconsole.log(number("12.22")) //12.22console.log(number(undefined)) //nan
(5)页面中的信息框:
alert(),弹出个提示框,只有确定;
window.alert("今天天气很好")
confirm(),弹出个确认框,有确定和取消;
window.confirm("今天心情也很好")
prompt(),弹出个输入框,可以输入内容;
window.prompt("password","请输入密码")
javascript的基础暂时先写到这里,后续都会补上。。。
本文讲解了javascript相关的内容讲解,更多相关之请关注。
相关推荐:
关于html基础的讲解
$.ajax+php实战教程之下拉时自动加载更多文章原理讲解
关于zx-image-view图片预览插件,支持旋转、缩放、移动的相关操作
以上就是javascript相关的内容讲解的详细内容。
