JavaWeb学习笔记--JavaScript学习(一)输出和语法

我的学习过程是按照w3cschool学习的,内容很完整,个人感觉很不错

JavaScript代码放在最后是方便网页加载更快,JavaScript代码每次执行都要重新解释一遍,这个可以在介绍JavaScript语言特性的时候了解一下

网页源码中JavaScript的位置

代码可以放在head里,也可以在body中,不过代码都要先嵌入到script标签里

<head> //<body>
<script>
	JavaScript代码; 
</script>
</head> //</body>

也可以放在外部文件或外部URL中(目前还没试过放在网页上)

//src里面放js文件的地址,里面保存了JavaScript代码,不需要用script标签
<body>
<script src="*.js"></script>
</body>
输出方式
  • 警告框提醒
<script>
	window.alert("xxx");  //想要在网页显示的内容xxx
</script>
  • 通过ID,用元素输出
<body>
<p id="ID_"></p>
<script>
	document.getElementById("ID_").innerHTML = "xxx";
</script>
  • 控制台(按f12选择console)显示
<script>
	console.log("xxx");
</script>
  • 直接在网页上显示
<script>
	document.write("xxx");  //想要在网页显示的内容xxx
</script>

!!! 看起来网页输出是最简单的,但是这种方法问题最大,只要网页读到这一行代码,前面已经加载出来的内容全会被清空

语法
  • 语句用分号隔开,定义变量时注意大小写,大写和小写是两个变量
a = 1;
b = 2;
  • 字符串用单引号或者双引号包围,还可以连接,数字不需要加引号
//输出this is easy,如果中间的空格没加 就会连在一起(thisis easy)
<p id="test"></p>
<script>
document.getElementById("test").innerHTML = "this" + " " + "is easy";
//数字字符相加和字符加数字效果不一样,但是结果都是会变成字符串
var a = "2" + 3 + 4;	//a = 234
var b = 2 + 3 + "4";	//b = 54
</script>
  • 变量
var x;
x = 7;
  • 运算符(+ - * /没有写),赋值
var x,y;
x = 1;	y = 2;
z = x + y;
x = x ** 2;	//x = 25; **是幂运算,也可以用Math.pow(x,2);计算
  • 标识符

标识符用于命名变量,命名时,首字符必须是字母、下划线(_)或美元符号($)

var $sss;
var _sss;
var sss;
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值