javascript(入门篇)
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript(入门篇)相关的知识,希望对你有一定的参考价值。
一、为什么要学javascript?
1、因为你别无选择!只有javascript可以控制所有常用的浏览器,而且javascript是世界上最重要的编程语言之一,学习web技术必须学会javascript。
二、JavaScript语言的特点:
1、脚本编写语言
2、基于对象的语言
3、简单性
4、动态性
5、安全性
6、跨平台性
三、JavaScript语言的引入方式
1、内嵌式:
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <script type="text/javascript"> 7 alert("这是第一个 JavaScript 内嵌式!"); 8 </script> 9 </head> 10 <body> 11 </body> 12 </html>
2、外嵌式:
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <script src="jquery-3.1.1.js"></script> 7 </head> 8 <body> 9 </body> 10 </html>
注意: 第一种加载:
<script>...</script>标识放入 <head>.. </head>,使之在主页和其余部分代码之前装载,从而可使代码的功能更强大;
src:js的路径,可以使用相对路径。
js文件执行是阻塞的,执行之后浏览器才会继续执行html的文档流。
第二种加载:可以将 JavaScript 标识放置在<body>... </body>主体之间以实现某些部分动态地创建文档。
script放置位置:script标签可以定义在html的任意地点。 但注意script与文档流的执行顺序。
四、JavaScrip的打印/输出方式。
1、打印到页面:
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <script> 7 document.write(‘直接打印到页面‘) 8 </script> 9 </head> 10 <body> 11 </body> 12 </html>
2、打印到控制器
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script> console.log(‘直接打印到控制器‘) </script> </head> <body> </body> </html>
3、弹出框
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <script> 7 alert(‘弹出框‘) 8 </script> 9 </head> 10 <body> 11 </body> 12 </html>
五、JavaScrip标识符 定义:标识符是指变量、函数、属性的名字,或者函数的参数
标识符首字符可以是以下划线(_)、美元符($)或者字母开始,不能是数字。
六、JavaScrip语言的基本要素
1、区分大小写
2、变量不区分类型
3、每条语句结尾可以省略分号
4、代码段要封闭
5、注释(单行以//开头。多行以/*开头,以*/结尾)
七、JavaScript语言的声明变量的方式
1、使用var(关键字)+变量名( 标识符 )的方式在function外部声明,就是全局变量,否则在function声明的是局部变量。
全局变量
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 <script> 7 var a=12; 8 function arr(){ 9 alert(a) 10 } arr()//弹出12 11 </script> 12 </head> 13 <body> 14 </body> 15 </html>
局部变量
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <script> var a=12; function arr(){ var b=2 alert(b) } arr()//弹出2 </script> </head> <body> </body> </html>
今天就讲到这,如果想了解更多请点击关注,谢谢大家
以上是关于javascript(入门篇)的主要内容,如果未能解决你的问题,请参考以下文章