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属性,弹出一个提示框。
在实际应用中,以上三种方式通常根据不同组合使用。
- javaScript基础
- JAVASCRIPT 基础
- JavaScript基础
- JAVASCRIPT基础
- JavaScript 基础
- javascript基础
- javascript基础
- JavaScript 基础
- JavaScript基础
- javascript基础
- JavaScript基础
- javascript基础
- javascript基础
- Javascript基础
- JavaScript基础
- JavaScript基础
- javascript基础
- javascript基础
- RTEMS 的 Console 的基本架构分析
- android开发教程——java concurrent处理并发需求
- 数据链路层
- 前端开发必须知道的JS闭包及应用
- java 第九天 面向对象(高级篇)
- JavaScript基础
- 序
- c语言编程小实例之三-------小球弹跳路径与高度
- android view.getWidth(), view.getHeight() 返回0的问题的解决方案
- 菜鸟学C++笔记
- 坚持的力量 与 分享的价值——三年前创业失败有感(未完待续……)
- Java面向对象——反射
- ORACLE查询当前执行效率低的sql
- 作业3