概述:JavaScript是一种轻型的,解释性的脚本语言,由浏览器内的解释器执行的程序语言。
js在html中使用的三种方式
1.HTML文件混合方式
<body>
<script type="text/javascript">
document.write("html文件混合方式");
</script>
</body>
2.js文件引用
类似于Css文件的引用,只是标签不同:
在同一个文件夹内建好html、css、js、images等文件夹,将对应的文件放入即可引用
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>js外部引用</title>
<link rel="stylesheet" href="../css/demo.css">
<script src="../js/demo.js" type="text/javascript"></script>
</head>
<body>
</body>
</html>
3.HTML代码嵌入方式
将脚本程序代码作为某个html页面元素的事件属性值或者超链接的href属性值。
<body>
<a href="javascript:document.write('html代码嵌入方式');">请点击我</a>
</body>
基本规则
JavaScript和其他语言一样,有着独特的语法结构,主要包含变量、数据类型、运算符号、控制语句、注释等。
js是弱类型语言,变量可以不声明而直接复制,但容易出错,且调试不易,不推荐使用,所以要规范使用:
注意:
- 第一个字符必须是字母、下划线(_)或美元符号($)。
- 其它字符可以是字符、下换线、数字、美元符号。
- 区分大小写。
- 不能与关键字同名,例:while、for、if等。
<body>
<script>
var message="hello,js";
document.write("欢迎学习"+message);
</script>
</body>
typeof操作符是用来检测给定变量的数据类型
数据类型
undefined:对未初始化的变量及未声明的变量。
boolen:true或false。
number:整数或浮点数。
string:用单或双引号来声明字符串。
object:js中的对象、数组、null。
<body>
<script>
var str="meaaage";
document.write(typeof str+"<br/>");
var other;
document.write(typeof other+"<br/>");
var numb=10.0;
document.write(typeof numb+"<br/>");
var date=new Date();
document.write(typeof date+"<br/>");
var bool=1<2;
document.write(typeof bool);
</script>
</body>
效果: