JS代码存放的位置

方式一:直接在HTML网页中编写JS代码,直接使用<script></script>标签包裹起来,可以放在html里面的任何位置,推荐放在<head></head>区域中。该方式JS代码冗余,不利于程序的维护

方式二:单独编写一个js文件(.js),在使用的html/jsp中通过<script src=”index.js”> </script>标签引入该技术文件,该方式实现了js代码和HTML页面的分离,有利于程序的维护.

方式三:在<a>标签中使用JavaScript,在href属性中编写js代码,需要注意的是必须要有一个前缀:javascript:

需要注意的几点:

1 :一个<script>标签只能干一件事情

2:对于script标签不能使用单标签

小结:

       1,JS代码可以放到html里的任何位置,但是推荐放在<head>里,一种规范,要用<JavaScript>标签括号起来,<JavaScript>标签是成对的出现

       2,单独编写一个js文件,html通过引用把js文件引进来,通过<JavaScript src="xxx">来引进

       3,在html里通过a标签来写js代码,需要注意的是得加上<a href="javascript:alter("xxx")">点击</a>

       

时间: 2024-08-05 13:23:31

JS代码存放的位置的相关文章

通过js代码获取地址位置

<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script src="js/jquery.js"></script> <script type="text/javascript"> $.getScr

JavaScript入门:002—JS代码放置的位置

http://www.juexiang.com/detail/60952147476.htmlhttp://www.juexiang.com/detail/60952147475.htmlhttp://www.juexiang.com/detail/60952147472.htmlhttp://www.juexiang.com/detail/60952147464.htmlhttp://www.juexiang.com/detail/60952147463.htmlhttp://www.juex

JS代码的位置与事件响应代码块的封装问题

JS代码的位置 我们可以将JavaScript代码放在html文件中任何位置,但是我们一般放在网页的head或者body部分.   放在<head>部分最常用的方式是在页面中head部分放置<script>元素,浏览器解析head部分就会执行这个代码,然后才解析页面的其余部分.   放在<body>部分JavaScript代码在网页读取到该语句的时候就会执行. ? 注意 Javascript作为一种脚本语言可以放在html页面中任何位置,但是浏览器解释html时是按先后

JS代码引用位置问题-转

看到很多JS代码全部放在head中的情况,其实这是个细节问题.转载一个知乎用户于江水的答案: 作者:于江水链接:https://www.zhihu.com/question/34147508/answer/63469443来源:知乎 浏览器加载页面是按从上到下顺序加载的.加载 JS 并执行的时候,会阻塞其他资源的加载.这是因为 JS 可能会有 DOM .样式等等操作,所以浏览器要先加载这段 JS 并执行,再加载放在它后面的 HTML.CSS. 因此,加入一段巨大的 JS 放在最上面,浏览器首先要

js数组特定位置元素置空,非null和undefined,实现echarts现状图效果;谷歌格式化压缩js代码

一.想要实现eCharts线状图表的断点效果,如图 这种效果,在设置数据的时候应该是这样: data:[, 2, 3, , 5, 6, 7]:但是想要动态添加数据,实现方式有两种 1.拼接字符串法:var str='[, 2, 3, , 5, 6, 7]';var arr=eval(str); 2.改变数组长度法: var arr=[]; for(var i=1;i<8;i++){ if(i==1||i==4){ arr.length=arr.length+1; continue; }arr.p

JS代码的位置

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <!-- 外部JS--> <script type="text/javascript" src="test.js"> alert('内部JS'); //引人了外部JS

JS代码大全 (都是网上看到 自己整理的)

原文 JS代码大全 (都是网上看到 自己整理的) 事件源对象 event.srcElement.tagName  event.srcElement.type 捕获释放 event.srcElement.setCapture();   event.srcElement.releaseCapture(); 事件按键 event.keyCode  event.shiftKey  event.altKey  event.ctrlKey 事件返回值 event.returnValue 鼠标位置 event

百度判断手机终端并自动跳转uaredirect.js代码及使用实例

百度siteapp下的一款跳转的产品,使用起来很方便.你可以用这款JS跳转到手机版,也可以跳转到任何你想跳转的位置. js代码如下: function uaredirect(f) { try { if (document.getElementById("bdmark") != null) { return } var b = false; if (arguments[1]) { var e = window.location.host; var a = window.location.

js代码大全(各种方法、属性)《转载》

事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture();  event.srcElement.releaseCapture(); 事件按键 event.keyCode event.shiftKey event.altKey event.ctrlKey 事件返回值 event.returnValue 鼠标位置 event.x event.y 窗体活动元素 document.act