0

0

JavaScript相关的内容讲解

jacklove

jacklove

发布时间:2018-06-11 18:08:17

|

3385人浏览过

|

来源于php中文网

原创

1.JavaScript 简介:

JavaScript是互联网上最流行的脚本语言,所有现代的HTML都使用JavaScript。既然是脚本语言,那么它的特点就有一下三种:

    (1)弱类型;

    (2)解释型语言(不需要编译);

    (3)逐行执行,一行代码错误,其后的代码块都不会继续执行;

    (4)

2.JavaScript 内容(附图):

    


       其中ecmascript是javascript的核心;

       DOM是文档对象模型(使用js操作网页);

       BOM是浏览器对象模型(使用js操作浏览器)

3.JavaScript 信息的输出:

    (1)alert( )方法:以提示框的形式在页面输出 ,例;

立即学习Java免费学习笔记(深入)”;

    (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个或多个字符,如果引号中什么也没有,那么这个字符串被称为空字符串

云网OA
云网OA

采用JSP开发的办公自动化产品、基于B/S结构,运行环境:JDK v1.5、Tomcat v5.5、MySQL v4.1,三者均为以上版本其他相关内容:可视化流程设计: 流程支持串签、会签和分支流程,可以设置流程节点的修改、删除权限,并可指定流程中各个用户在表单中可以填写的域。智能表单所见即所得设计: 智能设计,自动在数据库中生成表格,方便优化程序 公共交流: 集论坛、博客、聊天室于一体文件柜:C

下载

    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)    //输出false
console.log("1" == true)     //输出true
console.log("" == true)     //输出false
console.log(1 == true)     //输出true

console.log("" == false)    //输出true
console.log('123' == false)   //输出fasle
console.log('0' == false)    //输出true
console.log(0 == false)    //输出true

console.log('1' == 1)     //输出true
console.log('0' == 0)	  //输出true
console.log(-true)     //输出-1

(2)parseInt:将字符串转换成整数(只识别字符串中的数值):

        注:会忽略字符串中的前后空格(当数值后的空格后面还有数值时,将不会再识别);

               能够正确识别正负号,即保留正负号;

               在转换时,遇到非数值型的字符就会停止转换;

               如果字符串的第一个字符是非数值型的,那么转换的结果为NaN;

console.log(parseInt("123"))    //输出123
console.log(parseInt(" 1 2"))    //只会输出1
console.log(parseInt(-123))     //输出-123
console.log(parseInt("hello"))    //输出NaN
console.log(parseInt(true))       //输出NaN
console.log(parseInt("123hello"))    //输出123,后面非数值型不会识别
console.log(parseInt(" 1 "))     //输出1,忽略空格

(3)parseFloat:将字符串转换成小数(识别小数点,注意事项同上)

console.log(parseFloat("123.55"))    //输出123.55
console.log(parseFloat(".1hello"))    //输出0.1

(4)Number:将其它类型的数据转换成数值型,注意被转换的数据必须是纯数值构成,否则无法转换,其它注意事项同上

console.log(Number(true))	//1
console.log(Number(false))    //0
console.log(Number(null))    //0
console.log(Number("123hello"))    //NaN
console.log(Number("12.22"))    //12.22
console.log(Number(undefined))    //NaN

(5)页面中的信息框:

        alert(),弹出个提示框,只有确定;

window.alert("今天天气很好")

        confirm(),弹出个确认框,有确定和取消;

window.confirm("今天心情也很好")


        prompt(),弹出个输入框,可以输入内容;

window.prompt("password","请输入密码")



JavaScript的基础暂时先写到这里,后续都会补上。。。

本文讲解了JavaScript相关的内容讲解,更多相关之请关注php中文网。

相关推荐:

关于HTML基础的讲解

$.ajax+php实战教程之下拉时自动加载更多文章原理讲解

关于zx-image-view图片预览插件,支持旋转、缩放、移动的相关操作

相关专题

更多
java
java

Java是一个通用术语,用于表示Java软件及其组件,包括“Java运行时环境 (JRE)”、“Java虚拟机 (JVM)”以及“插件”。php中文网还为大家带了Java相关下载资源、相关课程以及相关文章等内容,供大家免费下载使用。

827

2023.06.15

java正则表达式语法
java正则表达式语法

java正则表达式语法是一种模式匹配工具,它非常有用,可以在处理文本和字符串时快速地查找、替换、验证和提取特定的模式和数据。本专题提供java正则表达式语法的相关文章、下载和专题,供大家免费下载体验。

732

2023.07.05

java自学难吗
java自学难吗

Java自学并不难。Java语言相对于其他一些编程语言而言,有着较为简洁和易读的语法,本专题为大家提供java自学难吗相关的文章,大家可以免费体验。

732

2023.07.31

java配置jdk环境变量
java配置jdk环境变量

Java是一种广泛使用的高级编程语言,用于开发各种类型的应用程序。为了能够在计算机上正确运行和编译Java代码,需要正确配置Java Development Kit(JDK)环境变量。php中文网给大家带来了相关的教程以及文章,欢迎大家前来阅读学习。

396

2023.08.01

java保留两位小数
java保留两位小数

Java是一种广泛应用于编程领域的高级编程语言。在Java中,保留两位小数是指在进行数值计算或输出时,限制小数部分只有两位有效数字,并将多余的位数进行四舍五入或截取。php中文网给大家带来了相关的教程以及文章,欢迎大家前来阅读学习。

398

2023.08.02

java基本数据类型
java基本数据类型

java基本数据类型有:1、byte;2、short;3、int;4、long;5、float;6、double;7、char;8、boolean。本专题为大家提供java基本数据类型的相关的文章、下载、课程内容,供大家免费下载体验。

446

2023.08.02

java有什么用
java有什么用

java可以开发应用程序、移动应用、Web应用、企业级应用、嵌入式系统等方面。本专题为大家提供java有什么用的相关的文章、下载、课程内容,供大家免费下载体验。

430

2023.08.02

java在线网站
java在线网站

Java在线网站是指提供Java编程学习、实践和交流平台的网络服务。近年来,随着Java语言在软件开发领域的广泛应用,越来越多的人对Java编程感兴趣,并希望能够通过在线网站来学习和提高自己的Java编程技能。php中文网给大家带来了相关的视频、教程以及文章,欢迎大家前来学习阅读和下载。

16925

2023.08.03

java学习网站推荐汇总
java学习网站推荐汇总

本专题整合了java学习网站相关内容,阅读专题下面的文章了解更多详细内容。

1

2026.01.08

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
WEB前端教程【HTML5+CSS3+JS】
WEB前端教程【HTML5+CSS3+JS】

共101课时 | 8.2万人学习

JS进阶与BootStrap学习
JS进阶与BootStrap学习

共39课时 | 3.1万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号