JavaScript学习记录(一)

来源:互联网 发布:阿里云服务器五折 编辑:程序博客网 时间:2024/05/23 21:04

JavaScript学习记录(一)

主要内容:JavaScript的简介和初步实现


1.什么是JavaScript

JavaScript是网景(Netscape)公司开发的一种基于客户端浏览器基于面向对象事件驱动式的网页脚本语言

JavaScript语言的前身叫作Livescript,于1995年11月末与Sun公司联合宣布把其名改为JavaScript。

JavaScript是属于web的语言,它适用于PC、笔记本电脑、平板电脑和移动电话。

JavaScript的正式名称是“ECMAScript”。这个标准由ECMA组织发展和维护。ECMA-262是正式的JavaScript标准。这个标准基于JavaScript(Netscape)和Jscript(Microsoft)。

 

2.JavaScript特点

JavaScript是一种解释性脚本编写语言

JavaScript是基于对象的脚本编程语言

简单性

安全性

动态性

跨平台性

 

3.JavaScript作用

主要作用体现在:交互式操作、表单验证、网页特效、Web游戏、服务器脚本开发等。

 

 

4.HTML页面中嵌入JavaScript代码的两种方式

①使用JavaScript:前缀构建执行JavaScript代码

 

<!DOCTYPE html><html><head>    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"></head><body><p><a href="javascript.alert('使用前缀运行JavaScript')">运行JavaScript</a></p></body></html>

②使用<script…/>标签来包含JavaScript代码

 在HTML页面中插入JavaScript,可以直接使用<script>标签。

<script>和</script>之间写入JavaScript代码。

<!DOCTYPE html><html><head>    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"></head><body><p><script type="text/javascript">         alert("直接运行的JavaScript");       //alert()函数在JavaScript中并不常用,但它对于代码测试非常方便。(类似于Java中的System.out.print()函数,可以输出显示)</script>                <script>         alert("直接运行的JavaScript");        </script></p></body></html>
老旧的实例中的<script>标签中含有type="text/javascript"。现在可以不必这么做。JavaScript是所有现代浏览器以及HTML5中的默认脚本语言。(参考w3school)

上面的代码实例中的JavaScript语句,会在页面加载时执行。

通常情况下,我们希望需要在某个事件发生时执行代码,比如当用户点击按钮时,这时我们可以把JavaScript代码放入函数中,这样就可以在事件发生时调用该函数。(有点类似于Java中的事件监听)


5.<head>或<body>中的JavaScript

在HTML文档中可以放入不限数量的脚本。

脚本可以位于HTML的<body>或<head>部分中,或者同时存在于两个部分中。

通常的做法把函数放入<head>部分中,或者放在页面的底部。这样就可以把他们安置到同一处位置,不会干扰页面的内容。


6.导入外部的JavaScript文件

为了让HTML页面和JavaScript脚本很好的分离开,我们可以将JavaScript脚本单独保存到一个*.js文件里,HTML页面导入该*.js文件即可

导入JavaScript脚本文件的语法:

<script src="*.js" type="text/javascript"></script> 旧版本

<script src="*.js"></script> 新版本

在<script>标签的"src"属性中设置.js文件。




0 0