js基础
javascript是基于对象和事件驱动的脚本语言。
//直接在页面中嵌入脚本 <script> alert('弹窗警告'); document.write("在浏览器上输出文字"); console.log("这句话会在控制台显示,在浏览器上按f12呼出控制台"); </script> //引用外部脚本,注意:此处只能使用相对路径,或网络路径的js文件。 <script src="./xxx/xxx.js"></script>
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <!-- 定义通常放在前面 --> <script src="js/index.js"></script> <script> //靠前 var a=1; </script> </head> <body> <script> //中部 var b=2; </script> </body> </html> <script> //末尾 //业务逻辑,通常放在后面 console.log(a); console.log(b); console.log(c); </script>
注意:
1. JavaScript是区分大小
2. HTML并不区分大小写
3. Ctrl+k 调整代码格式
//直接在页面中嵌入脚本
<script>
alert('弹窗警告');
document.write("在浏览器上输出文字");
console.log("这句话会在控制台显示,在浏览器上按f12呼出控制台");
</script>
//引用外部脚本,注意:此处只能使用相对路径,或网络路径的js文件。
<script src="./xxx/xxx.js"></script>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<!-- 定义通常放在前面 -->
<script src="js/index.js"></script>
<script>
//靠前
var a=1;
</script>
</head>
<body>
<script>
//中部
var b=2;
</script>
</body>
</html>
<script>
//末尾
//业务逻辑,通常放在后面
console.log(a);
console.log(b);
console.log(c);
</script>4. Ctrl+/ 为当前行或选中行添加注释
5. 在同一页面中,所有<script>区域中的内容都可以互相访问。