我的学习过程是按照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;