JavaScript基础

最新推荐文章于 2022-11-23 17:32:46 发布

wwetarena

最新推荐文章于 2022-11-23 17:32:46 发布

阅读量105

点赞数

分类专栏： html

本文链接：https://blog.csdn.net/wwetarena/article/details/119726071

版权

html 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

网站开发

html 网页里面有什么
css 网页的样式文字是什么颜色大小字体轮播图
JavaScript 网页的交互行为
JavaScript 是一个嵌套在页面的轻量级脚本语言,在运行不要什么特殊环境,只需要有一个浏览器即可.
可以用于开发程序
程序具有一定功能或者性能的代码块
软件程序+文档
软件实例:支付宝微信 QQ …
计算器
计算器的功能:
- 显示功能打印语句
- 输入功能交互功能
- 运算功能逻辑功能
js的显示(打印语句) 1+1=2
- 在控制台打印输出
  - 控制台浏览器的控制台
浏览器本身布置一个浏览网页的工具,也是一个开发工具,在控制台可以进行代码编辑的

console.log("HelloWorld");
VM209:1 HelloWorld
undefined
console.log(123);
VM253:1 123
undefined

console.log(“HelloWorld”); console 控制台 log 日志
log() 写日志的方法
在控制台打印输出HelloWorld
“HelloWorld” 在程序被称为字符串类型的常量/直接量/字面值,就是现实中的文本,在程序中需要加双引号或者单引号来表示,在程序中标点符号都是英文状态的.
常量:几乎不变的值 g -重力加速度
在页面弹窗显示

<script>
			/* js多行注释 Ctrl shift / 
			 * 快捷生成注释,注释:在代码
			 * 中存在起说明作用,不会被执行,
			 * 也不会显示在页面*/
			//单行注释 在页面弹窗显示
			window.alert('大家好,我是渣渣辉');
		</script>

在浏览器页面显示
在后面的代码编写中主要使用这种方式.

//在页面显示"HelloWorld"
			document.write("HelloWorld");
			//document 文档对象
			//write()  写的方法
			//换行语句
			document.write("<br />");
			//在输出语句中输出的字符串的内容是html标签的
			//时候会执行标签的功能 <br />是换行标签,
			//就会执行换行的功能
			document.write(123);

js中的数据类型

现实中的数据类型	js中的数据类型
数值 number	数值 number
数分为整数1,2,3和小数	number也分为整数1,2,3和小数,只是在运算时区分
文本	字符串类型 string
你好	“你好” ‘你好’
表示某种情况是不是真的	布尔类型表示真假 Boolean
是真的,是假的	true-真 false-假

document.write(true);

使用打印语句来输出个人信息
在页面输出自己的姓名年龄身高

//输出自己的姓名 身高 年龄
			document.write("我的姓名是擎天柱,");
			document.write("<br />");
			document.write("我的年龄是6000岁,");
			document.write("<br />");
			document.write("我的身高是3.7米.");
			document.write("<br />");

变量

数学题:m=5,n=6 m+n=?
变量:程序在执行的过程中,值可以被改变的量,它是保存数据信息的空间,一个变量在同一时刻只能保存一个值. m=5  m称作变量  5 称作变量的值  给变量m赋值为5
完整的变量声明和定义:
var m = 5 ; 
var 是声明变量的关键字,它的后面一定跟的是一个变量的名称.这个关键字可以省略
m 变量名 是程序员依据一定的规则给变量起的名字.
= 赋值运算符 把等式右边的值(表达式的结果)赋值给左边的变量

5 数值类型的常量/直接量/字面值
; 表示一个语句的结束,尽管可以不写,但是建议要写

<script>
		    var m = 5;
		    //输出变量m的值
		    document.write(m);
		    document.write("<br />");
			m = 8 ;
			document.write(m);
</script>

运行结果输出变量m的值,都正确输出,但是代码缺乏可读性,需要再加入一些说明性的文本

       var m = 5;
 //输出变量m的值
		    document.write("变量m的初始值是:" + m);
		    //变量m的初始值是:5
		    document.write("<br />");
			m = 8 ;
			document.write("变量m二次赋值为:" + m);
			document.write("<br />");
			//给变量赋值为小数
			var weight = 80.8 ;
			document.write("张三的体重是"+weight+"公斤");
			document.write("<br />");

在输出结果中是没有加号的,在这里,+所起的作用是连接的作用,称作连接符,就是把字符串和其它数据连接起来,在输出的时候一起输出,+本身并不输出,注意在双引号内的m并不是变量只是字符串的组成部分,会被原样输出.

//给变量赋值为字符串
			var name = "孙悟空";
			document.write("齐天大圣"+name);
			document.write("<br />");
			//赋值为布尔类型的值
			var isMan = true;
			document.write("李四是男人是"+isMan);
			document.write("<br />");

个人信息:

		<script>
			//给变量起名时要见名知意
			//建立变量保存自己的姓名 
			var name = "孙悟空";
			//输出姓名
			document.write("我的名字:" + name);
			var tall = 1.6 ;
			document.write(",身高:"+tall+"米,");
			var weight = 60 ;
			document.write("体重:"+weight+"公斤.");
			
		</script>

变量的声明:

变量可以有字母数字下划线 $ 组成,不能以数字开头.
变量的命名还必须遵守不能是JavaScript的关键字的原则. var不能做变量的名字
变量的长度不受限制 name myName myFirstName
要求见名知意 name tall weight
如果变量的名称是由多个单词组成,需要使用驼峰命名法
myFirstName 从第二个单词起,每个单词的首字母大写
变量声明时注意:

var a ;
			document.write(a+"<br />");
			//undefined 未定义值
			//变量声明但是没有赋值会输出undefined
			var c = 10 ;
			var c ;
			document.write(c+"<br />");
			//在变量已经有值的前提下,再次声明未赋值时
			//变量里面保存的是最近一次的赋值
			//undefined 能不能参与运算
			document.write((a + 1)+"<br />");
			// NaN  not a number 
			//不是一个数值(像0,1,2,...9) 的数值
			
			//直接输出一个没有声明没有赋值过的变量的值
			//document.write( d + "<br />");
			//不能运行,会报错
			// 未知的参照错误:
			//Uncaught ReferenceError: 
			//d is not defined
			//变量d没有定义