栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > Java

4.js第一天JavaScript基础入门js必看,基础语法,想学java先学前端和js.

Java 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

4.js第一天JavaScript基础入门js必看,基础语法,想学java先学前端和js.

文章目录
  • Javascript基础入门js必看,基础语法,想学java先学前端和js(建议收藏)
      • 一 javascript入门
            • 1.1、 Javascript简介
            • 1.2、Javascript的两种样式(js写代码的地方)
      • 二 js基本语法
            • 2.1 js中的注释
            • 2.2 变量的定义
            • 2.3 变量的应用
            • 2.4 输出语句
            • 2.5 警告框
            • 2.6 排错
            • 2.7 js中数据类型
            • 2.8 运算符
            • 2.9 字符串拼接 +
            • 2.10 string类型转换成数字类型

Javascript基础入门js必看,基础语法,想学java先学前端和js(建议收藏) 一 javascript入门 1.1、 Javascript简介

Javascript(简称“JS”) 是一种具有函数优先的轻量级,解释型或即时编译型的高级编程语言。虽然它是作为开发Web页面的脚本语言而出名的,但是它也被用到了很多非浏览器环境中,Javascript 基于原型编程、多范式的动态脚本语言,并且支持面向对象、命令式和声明式(如函数式编程)风格。

JS代码就是Javascript编写的脚本文件的代码。用单独文件保存,扩展名为.JS JS即Javascript,Javascript是一种由Netscape的Livescript发展而来的脚本语言,主要目的是为了解决服务器终端语言,比如Perl,遗留的速度问题。当时服务端需要对数据进行验证,由于网络速度相当缓慢,只有28.8kbps,验证步骤浪费的时间太多。于是Netscape的浏览器Navigator加入了Javascript,提供了数据验证的基本功能。

Javascript的标准是[ECMAscript ](https://baike.baidu.com/item/ECMAscript /1889420)。截至 2012 年,所有浏览器都完整的支持ECMAscript 5.1,旧版本的浏览器至少支持ECMAscript 3 标准。2015年6月17日,ECMA国际组织发布了ECMAscript的第六版,该版本正式名称为 ECMAscript 2015,但通常被称为ECMAscript 6 或者ES6。

为什么会出现js。在很久很久以前,那时候没有js,只有html和css。此时就会出现一个情况,用户注册,输入完成之后,提交到服务器。

服务器去校验账号密码是否符合输入规则。校验完成之后,返回浏览器信息,账号应该6-18位。此时是非常麻烦的。所以就希望提高用户体验,在用户输入完成之后就告知用户账号密码是否符合输入规则。html和css完成不了这种功能,所以急需一种能在浏览器运行的脚本语言,来去完成这些工作,所以就研发了一门语言。

此时无人问津。他们就想一个方案, 当时如日中天的语言java。所以他们将编程语言命名为 Javascript。

1.2、Javascript的两种样式(js写代码的地方)

1.页内样式


		
		
		
		

页内样式的js可以写到body中也可以写到head中。但是我们建议自己的js写到body结束标签的上面。因为代码执行流程是从上往下。

如果写到head中,先执行js代码再去执行body中的html,此时有可能js代码对页面标签的操作失效,原因是执行js代码的时候,还没有页面标签。所以写到body的结束标签上面,就不会有执行流程导致的问题。如果执意写到head中,需要添加window.οnlοad=function(){}

2.页外样式

①在js文件夹中创建一个js文件。

②在需要使用当前js的文件夹中,通过script标签进行引入.src写外部js的路径


		
		
		
		
		
	

注意一旦script标签用来引入外部样式,标签的中间就不能再写js代码了

二 js基本语法 2.1 js中的注释
	
2.2 变量的定义

A 什么是变量

简单来说,变量就是可变的量,可以用在计算时

变量来源于数学,是计算机语言中能储存计算结果或能表示值的抽象概念。

变量可以通过变量名访问。在指令式语言中,变量通常是可变的;

B 为什么需要变量 ---- 体现一种间接的思想

我们有一万个同学,都是18岁。

此时班主任需要将同学的信息输入。

小明 18 小红 18 小李 18…(直接使用18这个数据)

过了一年,此时大家都是19岁。我们需要将之前输入的18全部改成19. 很麻烦 ---- 这就是直接使用数据的问题。

所以我们可以这样解决问题 a = 18 。

此时班主任需要将同学的信息输入。

小明 a 小红 a 小李 a…(间接使用18这个数据)

过了一年,此时大家都是19岁。我们需要将之前的a改成 a=19; — 这就是间接的思想

其中 a 就是一个变量。

C 在js中如何创建变量


2.3 变量的应用

2.4 输出语句
			console.log(  c );//输出c这个变量的值
			console.log( "c" );//输出字符文本c

F12—>控制台

以后我们遇到变量的值无法确定,或者程序执行有问题我们要排查问题,此时可以使用控制台输出语句 验证我们的变量内容是否正确。

2.5 警告框
alert("你好世界"); // 警告框
confirm("你好 世界"); // 确定框
prompt("请输入您喜欢的对象");//输入弹框
			
document.write("哈哈哈哈哈");// 页面输出
2.6 排错

Uncaught SyntaxError: “” string literal contains an unescaped line break index.html:29:30

2.7 js中数据类型

2.8 运算符

一目运算符

++   --


二目运算符

+   -    *   /   %取余   +=  -+  *=  /=       >     <    >=   <=    ==   !=   &&  ||

这些运算符 都是需要两个变量/值参与才能完成


三目运算符(三元运算符)

(条件表达式) ?  (为真)  : (非真)

2.9 字符串拼接 +

+ 有多种含义:① 如果都是数字 代表数学相加运行 ②任意一方是字符串 则代表字符串拼接



2.10 string类型转换成数字类型

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/425289.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号