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=””οnclick=”alert(‘你内联方式调用了javascript代码’)；”>
【代码解读】
以上代码会在页面生成一个按钮标记，当单机该按钮时会调用input标记的online属性，弹出一个提示框。
在实际应用中，以上三种方式通常根据不同组合使用。
扫一扫
17万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
