【JavaScript学习笔记二】输出,变量与数据类型

一.输出

一共有四种方式显示数据。

  • 使用 window.alert() 弹出警告框。
  • 使用 document.write() 方法将内容写到 HTML 文档中。
  • 使用 innerHTML 写入到 HTML 元素。
  • 使用 console.log() 写入到浏览器的控制台。(按下F12调出控制台

注意: 请使用 document.write() 仅仅向文档输出写内容。
如果在文档已完成加载后执行 document.write,整个 HTML 页面将被覆盖。

注意: 如需从 JavaScript 访问某个 HTML 元素,您可以使用 document.getElementById(id) 方法。

实例:

<!DOCTYPE html>
<html>
	<head>
		<meta charset = "utf-8">
		<title>输出</title>
	</head>
	<body>
		 <p id = "demo">显示位置</p>
		 <button onclick = "MyFun()">显示时间</button>
		 <script>
			function MyFun()
			{
				//获取时间并将id = “demo”的段落里的数据替换为时间
				document.getElementById("demo").innerHTML = Date();
			}
		 </script>
	</body>
</html>

结果:

按下按钮前:
在这里插入图片描述

按下按钮后:
在这里插入图片描述

二.变量

使用 var 关键词来声明变量:
与代数一样,JavaScript 变量可用于存放值表达式
变量可以使用短名称(比如 x 和 y),建议使用描述性更好的名称(比如 age, sum, time)。

取名规则:

  • 变量必须以字母开头
  • 变量也能以 $ 和 _ 符号开头(不推荐这么做)
  • 变量名称对大小写敏感(y 和 Y 是不同的变量)

实例:

var x = 5;
var pi = 3.14;
var name = "Tom";
var sum = x + 5;
//也可以一条语句定义多个变量
var age = 18,firstname = "Tom", job = "doctor";

三.数据类型

值类型:

  • 字符串(String)
  • 数字(Number)
  • 布尔(Boolean)
  • 对空(Null)
  • 未定义(Undefined)
  • Symbol(表示独一无二的值)

引用数据类型:

  • 对象(Object)
  • 数组(Array)
  • 函数(Function)

实例:

//字符串
var a = "Nice to meet you!";

//数字
var pi = 3.14;

//布尔
var x = true;
var y = false;

//对空
//可以通过将变量的值设置为 null 来清空变量。
name = null;

//未定义
//Undefined 这个值表示变量不含有值。
var car;

//对象
var person = {firstname : "Pinky",
			  lastname : "hepburn",
			  age : 18,
			  action : eatfood(){}
             };
             
//查询对象的值的方法:
name = person.firstname;
name = person["firstname"];

//数组
var number = [10, 16, 18];
var alpha = ['a', 'b', 'c'];
var name = ["Tom", "Bob", "John"];

//函数
function functionname()
{
	//执行语句
	//若有返回值,使用return
	//return data;
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值