HTML中使用JavaScript的三种方式及优缺点

 

1.内部js: 在直接在页面的<script></script>标签内写js代码

优点：相对于使用行内js，内部js代码较为集中，与页面结构的实现代码耦合度较低，比较便于维护

缺点：js代码仅限于当前页面的使用，代码无法被多个页面重复使用，导致代码冗余度较高

2.外部js: 引入外部的js文件(推荐使用)

优点：1.页面代码跟js代码实现有效分离，降低耦合度

　　 2.便于代码的维护和扩展

3.有利于代码的复用

3.行内js: 直接嵌套在html的语句

开发中不推荐这种方式，

(1)因为这种方式跟页面结构代码耦合性太强了，后期维护很不方便，

(2)而且这种方式在开发过程中会导致产生很多的冗余代码

时间： 2024-08-04 10:12:17

HTML中使用JavaScript的三种方式及优缺点的相关文章

javascript中定义事件的三种方式

在javascript中,可以为某个元素指定事件,指定的方式有以下三种: 1.在html中,使用onclick属性 2.在javascript中,使用onclick属性 3.在javascipt中,使用addEvenListener()方法 三种方法的比较 (1)在第二.三种方法中,可以向函数传入一个event对象,并读取其相应属性,而方法一不可以. (2)首选第二.三种,第一种不利于将内容与事件分离,也不能使用event对象的相关内容. 一些语法细节 (1)在第一种方法中,onclick大小写

Struts中的数据处理的三种方式

Struts中的数据处理的三种方式: public class DataAction extends ActionSupport{ @Override public String execute() throws Exception { // 1. 请求数据封装: 2. 调用Service处理业务逻辑,拿到结果数据 3. 数据保存到域中 /* * // Struts中对数据操作,方式1: 直接拿到ServletApi, 执行操作 HttpServletRequest request = Serv

JS中事件绑定的三种方式

以下是搜集的在JS中事件绑定的三种方式. 1. HTML onclick attribute <button type="button" id="upload" onclick="upload_file();"> 原文: http://www.w3school.com.cn/jsref/jsref_events.asp 2. jQuery .on() $(node).on("change", function(e)

【Eclipse使用方法】Eclipse中安装插件的三种方式

Eclipse也用了很久,但是都没有怎么去研究过怎么安装插件,今天正好在自己新买的本上试了一下.现在将心得写下,以供参考.目前安装Eclipse插件主要有以下三种方式: 在线安装: 以TestNG的安装为例来阐述其安装过程. 第一步:点击菜单栏中“Help”菜单,在下拉列中选择“Install New Software...”.此时会弹出“install”的安装框. 第二步:在弹出的“install”框,选择之前已经建立好的site,如果没有建立好,则可以点击“Add”按钮,弹出一个添加site

[转]Asp.net Mvc2中重构View的三种方式

本文转自:http://www.cnblogs.com/zhuqil/archive/2010/07/14/asp-net-mvc2-view-refactoring.html 我们在Asp.net mvc的view开发过程中,如果不注意可能会写大量的重复的代码.这篇文章介绍3种方式重构View的代码,来减少View中的重复代码.    1.母板页 在Asp.net mvc中保留了母板页的使用,我们可以使用母板页对我们的站点进行布局.看下面母板页的代码: <%@ Master Language=

5.struts2中Action类中获取ServletAPI的三种方式

**Servlet的API的访问(开发中偶尔会使用到)** 1.在Action类中也可以获取到Servlet一些常用的API,有如下三种方式获取 * 完全解耦合的方式 * 使用接口注入的方式 * 使用ServletActionContext中静态方法直接访问Servlet的API * 需求:提供JSP的表单页面的数据,在Action中使用Servlet的API接收到,然后保存到三个域对象中,最后再显示到JSP的页面上. * 提供JSP注册的页面,演示下面这三种方式: <h3>注册页面</

【SSM整合】spring配置文件中读取配置文件的三种方式

目录 依赖 jdbc.properties applicationContext.xml(spring配置文件) 依赖 <!--mysql--> <dependency> <groupId>mysql</groupId> <artifactId>mysql-connector-java</artifactId> <version>5.1.46</version> </dependency> <

Android中关闭应用的三种方式

当应用不再使用的时候,通常需要关闭应用,我们可以使用三种方式关闭android应用: 第一种方式:首先获取当前进程的id,然后杀死该进程(推荐) android.os.Process.killProcess(android.os.Process.myPid()) 第二种方式:终止当前正在运行的Java虚拟机,导致该程序终止 System.exit(0) 第三种方式:强制关闭与该包有关联的一切执行 ActivityManager manager=(ActivityManager) getSyste

java中遍历集合的三种方式

集合遍历操作的三种方式 Iterator迭代器方式 增强for循环 普通for循环 代码如下: public static void test3(){ ArrayList list = new ArrayList(); list.add(123); list.add("AAAA"); list.add("bb"); list.add(new String("JavaEE")); list.add(new Date()); list.add(fal