JavaScript简介
1.JavaScript简介
它是显示HTML文件中的一种脚本语言,能够显示页面内容的交互显示。
2.使用JavaScript方法
1)通过中直接编写;
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>JavaScript简介</title>
</head>
<body>
<script type='text/javascript'>
alert('麦子学院JS课程开始了');
</script>
</body>
</html>
2)通过链接外部的JS文件;
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>JavaScript简介</title>
</head>
<body>
<script type='text/javascript'>
alert('麦子学院JS课程开始了');
</script>
<script src="script/js/index1.js" type="text/javascript" charset="UTF-8"></script>
</body>
</html>
3)作为某个元素的事件属性值或者是超链接的href属性值
事件属性值案列如下:
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>JavaScript简介</title>
</head>
<body>
<script type='text/javascript'>
alert('麦子学院JS课程开始了');
</script>
<script src="script/js/index1.js" type="text/javascript" charset="UTF-8"></script>
<p onclick="javascript:alert('hello world');">clickme</p>
</body>
</html>
超链接案列如下:
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>JavaScript简介</title>
</head>
<body>
<script type='text/javascript'>
alert('麦子学院JS课程开始了');
</script>
<script src="script/js/index1.js" type="text/javascript" charset="UTF-8"></script>
<a href="javascript:confirm('您确认要报名学习JavaScript课程嘛?')">报名</a>
</body>
</html>
3.代码屏蔽
<script type='text/javascript'>
<!--
JS代码;
//-->
</script>
如果浏览器不支持JS,可以使用
<noscript></noscript>
标签,显示noscript中的内容;
4.JavaScript的基本语法
1)执行顺序:按照在HTML文件中出现的顺序依次执行;
2)严格区分大小写;
3)忽略关键字,变量名,数字,函数名或其他各种元素之间的空格,制表符或换行符;可以使用缩进,换行来使代码整齐,提高可读性;
4)语句分隔符
a:使用";"结束语句;
b:可以把多个语句写在最后一行;
c:最后一个语句的分号可以省略,但尽量不要省略;
d:可以使用{}括成一个语句组,形成一个块block;
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script type="text/javascript">
document.write('aaa');
document.write('<br/>');
document.write('bbb');
</script>
</body>
</html>
5)通过\对代码进行折行操作
document.write('hello\
word');
- 注释
a:单行注释//;
b:多行注释/注释内容/;
5.JavaScript的保留字
通过document.write()向文档书写内容;
通过console.log()向控制台写入内容;
JavaScript的错误:
1)语法错误:用过控制台进行测试;
2)逻辑错误:通过alert()进行调试。