从今天开始学习JavaScript中,此博客作为学习的心得体会。
JavaScript的基本介绍:
首先,JavaScript的是一种脚本语言,一般嵌套在HTML中使用.JavaScript一般放在<HEAD>和<BODY>标签中。在HTML中,需要在初始化时进行的操作必须放在<HEAD>标签中,而若是需要进行相关操作的功能,就可以放在相应的位置处。除此之外,由于浏览器在读取HTML时是自上向下读取的,所以JavaScript的也是有顺序的,前面的JavaScript的语句将会先执行,然后在执行后面的语句嵌入HTML中时,使用<SCRIPT> </ SCRIPT>标签在标签对中的代码即为的JavaScript代码如以下代码。:
<!DOCTYPE HTML> <HTML> <HEAD> <meta http-equiv =“Content-Type”content =“text / html; charset = utf-8”/> <TITLE>热身</ TITLE> </ HEAD> <BODY> <p id =“p1”>我是第一段文字</ p> <p id =“p2”>我是第二段文字</ p> <script type =“text / javascript”> 文件撰写( “你好”); document.getElementById(“p1”)。style.color =“red”; </ SCRIPT> </ BODY> </ HTML>
上述代码中使用了JavaScript的的两个函数,一个是写,将字符串在网页中显示出来;而另一个则是更改文字的颜色属性.docunment是指本HTML文件暂时不清楚?
除了直接将原码嵌套进HTML文件中,JavaScript的也可以自己独立在文件中,文件后缀为.js..js文件可以直接导入进HTML文件中,例子如下:
的script.js
documnet.write( “引用JS文件!”)
的index.html
<!DOCTYPE HTML> <HTML> <HEAD> <meta http-equiv =“Content-Type”content =“text / html; charset = utf-8”/> <TITLE>引用JS文件</ TITLE> <script src =“script.js”> </ script> </ HEAD> <BODY> </ BODY> </ HTML>
我们采用<script src =“XXXX.js”>的方式导入.js文件。注意,这里最好在前面加上type,即:<script type =“text / javascript”src =“XXXX.js”>,以免浏览器在分析型时出错。
JavaScript的语句是发送给浏览器的命令,这些命令的作用是告诉浏览器要做的事情与Java的一样,每一句的JavaScript结束时需要加上分号“;”。
JavaScript的变量声明:
在JavaScript的中,注释的方法与Java的类似,即使用//进行单行的注释,而在/ *和* /中的内容也都会被认为是注释。注释的内容将不会在网页中显示,只是方便程序员进行代码的阅读。
在JavaScript的中,定义变量使用VAR关键字进行定义:
var变量名
变量名可以任意取名,但是必须按照以下规则:
1,变量必须使用英文字母,下划线(_),美元符号($)开始。
2,可以使用任意多个英文字母,数字,下划线(_)或美元符号($)组成。
3,不能使用JavaScript的关键字与JavaScript的保留字。
注意:
1,在JavaScript的中,变量名区分大小写。
2,变量可以不声明直接使用,但不规范,需要先声明,后使用。
的JavaScript中的条件语句(如果...否则...):
跟Java的类似,如果后小括号为条件,满足走若,否则走别的代码如下:
<script type =“text / javascript”> var myage = 18; if(myage> = 18)// myage> = 18是判断条件 {document.write(“你是成年人。”);} 否则//否则年龄小于18 {document.write(“未满18岁,你不是成年人。”);} </script>
JavaScript中函数定义:
函数具有很好的重用性,在实现某一个重复功能时,调用函数可以节省每次都重复输入相同代码的时间。JavaScript中函数定义方法如下:
function 函数名() { 函数代码; }
function为定义函数的关键字;函数名为该函数的名字,随意取,取名要求与变量名要求相同;函数代码为该函数实现功能的代码。函数写好后,不会自己执行,所以需要我们进行函数的调用。调用代码如下:
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>函数调用</title> <script type="text/javascript"> function contxt() //定义函数 { alert("哈哈,调用函数了!"); } </script> </head> <body> <form> <input type="button" value="点击我" onclick="contxt()" /> </form> </body> </html>
上面的代码是在鼠标点击按钮时,页面会弹出提示框,说明已经成功调用函数。
以上就是JavaScript的的一些初步知识。感觉除了函数与变量的定义与Java的不同,其他方面与Java的的文法都是非常相像的。还有就是关于函数的调用问题,JavaScript的中函数调用可以直接是定义在按钮标签中,而Java的中只能是类中调用方法,这一点需要注意。