1.概念
JavaScript是Netscape公司为navigator浏览器开发的,是显示在HTML文件中的一种脚本语言,能实现网页内容的交互显示。当用户在客户端显示该网页时,浏览器就会执行JavaScript程序,用户通过交互的操作来改变网页的内容,来实现HTML语言无法实现的效果。
2.如何使用JavaScript
三种形式:
- 通过< script >< /script >中直接编写
- 通过< script src=“目标文件的URL”>< /script >链接外部的Js文件
- 作为某个元素的事件属性值或者是超链接的href属性值
举例
1> 第一种形式
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script type='text/javascript'>
alert('你好')
</script>
</body>
</html>
2>第二种形式
HTML中
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<script type='text/javascript'>
alert('你好')
</script>
<script src="text.js" type="text/javascript" charset="UTF-8"></script>
</body>
</html>
JS中
document.write('this is a test.');
3>第三种
<body>
<script type='text/javascript'>
alert('你好')
</script>
<script src="text.js" type="text/javascript" charset="UTF-8"></script>
<a href="javascript:confirm('欢迎来到JS世界')">欢迎</a>
</body>
点击欢迎后,显示
或者
<script type='text/javascript'>
alert('你好')
</script>
<script src="text.js" type="text/javascript" charset="UTF-8"></script>
<a href="javascript:confirm('欢迎来到JS世界')">欢迎</a>
<p οnclick="javascript:alert('hello my darling')">clickMe</p>
3.代码屏蔽
<script type='text/javascript'>
<!--
JS代码
//-->/*防止浏览器不支持浏览器而产生的错误*/
/* <!-- //-->如果不被支持,则不起作用;如果支持,则就会被忽略*/
</script>
ps:如果浏览器不支持JS,可以使用< noscript >< /noscript >标签,显示noscript中的内容。
4.JavaScript的基本语法
- JavaScript的执行顺序:按照在HTML文件中出现的顺序依次执行。
- 大小写敏感:JavaScript严格区分大小写
- 忽略空白符和换行符:JavaScript会忽略关键字、变量名、数字、函数名、或者其他各种元素之间的空格、制作表或者换行符。
ps:我们可以使用缩进、换行来使代码整齐,提高可读性。 - 语句分隔符:
1>使用" ; "结束语句
2>可以把多个语句写在一行
3>最后一个语句的分号可以省略,但是尽量不要省略
4>可以使用{ }括成一个语句组,形成一个块block
5>通过/对代码进行折行操作:document.write(‘Hello\world’);
6>注释:<1>单行注释: // <2> 多行注释:/* 注释内容 */ - JavaScript的保留字
abstract | else | instanceof | super |
---|---|---|---|
boolean | enum | int | switch |
break | export | interface | synchronized |
byte | extends | let | this |
case | false | long | throw |
catch | final | native | throws |
char | finally | new | transient |
class | float | null | true |
const | for | package | try |
continue | function | private | typeof |
debugger | goto | protected | var |
deflault | if | public | void |
delect | implements | return | volatile |
do | import | short | while |
double | in | static | with |
- 通过document.write()向文档书写内容
- 通过console.log()向控制台写入内容
- JavaScript中的错误:1>语法错误:通过控制台进行调试; 2>逻辑错误:通过alert()进行调试