js修改背景图片路径_js代码在web页面中编写位置详细讲解

js代码就是我们JavaScript语言代码，主要应用在动态和静态页面中，处理各种页面事件、完成页面中的动态设计等各种功能

js代码灵活简单，实用性极强，今天我们重点讲解一下js代码在web页面中的书写方式，掌握灵活的书写方式，能够快速前端开发过程中的问题，大大提高效率，提升代码可读性，我们今天使用我们最常用的页面单击事件来讲解这节内容

web页面单击事件难度不大，开发过程中使用较为频繁，下面我们详细学习一下

web页面分为静态页面(通常指html文件)和动态页面(通常指jsp页面)两种，html文件可以直接打卡，jsp页面需要在项目中启动服务器才能进行访问，我们以html为例来讲解

首先我们快速创建一个web项目，并且在main目录下创建webapp文件，然后在webapp目录下创建hello.html文件，在html文件中写入测试内容

html为静态页面，我们可以在hello.html文件上右键，复制路径(右键——Copy path)，不需要启动服务器直接在浏览器上访问该文件

一般js代码编写位置大致分为三类：(1)在web页面的标签内直接书写，(2)在web页面单独定义的js标签内编写，(3)单独建立js文件编写js代码

第一种方式，在刚才创建的html页面上首先定义一个单击事件，在body标签内编写

这种方式方便快捷，一般我们定义比较简单的单击事件使用：比如页面返回、关闭弹窗、置空录入信息、简单的提交表单等事件

第二种方式，通过定义一个标签按钮，定义单击事件名称，在js标签中编写js代码

 Title