JavaScript基础

来源:互联网 发布:链路层与网络层 编辑:程序博客网 时间:2024/06/16 18:48

1.1 JavaScript基础

JavaScript 是一种高安全性的脚本语言,它基于对象(object)和事件驱动(Event Driven)。JavaScript 作为动态网页制作的编程语言,被广泛地应用与Web页面处理页面逻辑中。在HTML基础上,使用JavaScript可以开发交互式Web网页。JavaScript的出现,使得网页和用户之间实现了一种实时性的、动态的、交互性的关系,使网页包含更多活跃的元素和更加精彩的内容。JavaScript语言本身十分简练,又在客户端执行,因此大大提高了网页的浏览速度和交互能力。

1.1.1 JavaScript在HTML中的嵌入方式

JavaScript作为客户端的脚本语言,主要用途就是帮助HTML处理部分交互逻辑。JavaScript语言同其他脚本语言一样,通过控制语句函数对象方法属性等来实现编。先来介绍JavaScript是如何HTML交互的,也就是嵌入方式。根据JavaScript在HTML中加载方式的不同,嵌入方式可以为内部引用,外部引用和内联引用。

1.内部引用

通过<Script></Script>标记嵌入Javascript,这是最常用也是最简便的一种引用方式,可以在HTML代码的任何位置嵌入。

<head>

<Script type=”text/javascript”>

Document.write(“Hello world!”);

</script>

</head>

 

2.外部引用

通过引用HTMl文件方式加载JavaScript文件,这种方式可以使HTML代码跟简洁方便使用。

<head>

<script type=”text/javascript”src=”ga.js”></script>

</head>

标准加载方式是把javascript文件放到head标记内, 但对于一些非关键的javascript文件,可以放到html文件的底部(如一些流量统计代码)。这样可以提高网页访问速度,获得更好的用户体验,代码位置如下: 

<script type=”text/javascript”src=”ga.js”></script>

</body>

</html>

3.内联引用

通过HTML标记的触发事件属性实现,比如通过online事件直接调用JavaScript代码。在HTMl中有很多这样的事件属性,通常都是配合javascript这样的前端脚本语言来使用,示例如下:

<input type=”button”value=””onclick=”alert(‘你内联方式调用了javascript代码’);”>

【代码解读】

以上代码会在页面生成一个按钮标记,当单机该按钮时会调用input标记的online属性,弹出一个提示框。

在实际应用中,以上三种方式通常根据不同组合使用。

0 0