在外部js文件中怎么写url

在外部js文件中怎么写url,第1张

那你说用外部文件类似abcjs的话,一般在全据赋值如var contextPath=${pageContextrequestcontextPath},再在js里引用这个变量如$("#ade")attr("href",contextPath+‘’)

可以使用window对象的location对象的里的href来获取当前页面的URL地址。

工具原料:编辑器、浏览器

1、Location 对象包含有关当前 URL 的信息,Location 对象是 Window 对象的一个部分,可通过 windowlocation 属性来访问,代码示例如下:

<html>
<head><script type="text/javascript">
<script>
alert(windowlocationhref); 
</script>
</script>
</head>
<body>
test
</body>
</html>

2、运行的结果如下图:

楼上的方式是可以实现,但是就是要判断到底距离目标文件的位置;
所以最好就是用相对根路径

<script type="text/javascript" src="/test/hits/xxxxxjs"></script>
这样的话,无论你在任何位置都可以正确调用你的文件了。

/ 表示上级目录
这是相对路径,做网页里面引用、js、媒体文件、css等都经常用到。
indexjsp 引用 jquery-143js 那么:jquery-143js 文件相对 indexjsp 的位置就是在 indexjsp 的上级目录中的 js 文件夹内。
哎,说得有点绕口,你这样理解:
你在你电脑上建立一个 文件夹C,进 C 里面再新建一个 文件夹D。你再进 D 里面去,然后在 D 里面你把 / 这个东西直接看作文件夹内的 向上按钮 ,写一个 / 等于你按下了一次向上。
indexjps 和 js 目录是同级的,indexjsp 引用 js 里面的 jqjs 路径是: js/jqjs
listaccountjsp 和 js 目录不同级,它引用 jqjs 就要 向上 两次,第一次向上是到 account 目录,然后 再向上一次,到 WEB-INF 目录, WEB-INF 目录和 js 目录同级了,接着就可以去 js 目录里面找到 jqjs 了,引用路径是://js/jquery-143js

你基本的概念没有搞清楚。
我们说的绝对路径是指相对于网站根目录而言的。即据对路径是以“/”开头的路径。假设你的网站目录是>lz
(1)windowlocationhref : 整个URl字符串(在浏览器中就是完整的地址栏)返回值: >获取相对路径的方法:

_nction getPath(){undefined

_ar pathName = documentlocationpathname;

_ar index = pathNamesubstr(1)indexOf("/");

_ar result = pathNamesubstr(0,index+1);

_eturn result;}

_葱械慕峁牵

_athName===/test/indexjsp

_esult===/test

_褂梅椒ǎ嚎梢栽_s中用此方法拼接URL:getPath()+/路径1/路径2/

_avaScript(简称“JS”) 是一种具有函数优先的轻量级,解释型或即时编译型的 编程语言 。

_淙凰亲魑 Web 页面的 脚本语言 而出名,但是它也被用到了很多非 浏览器 环境中,

_avaScript 基于原型编程、多范式的动态脚本语言,并且支持面向对象、命令式和声明式(如 函数 式编程)风格。

<script language="javascript">
var i=1;
function changeImg()
{
i++;
if(i>7)
{
i=1;
}
documentgetElementById("myPic")src= "/img/"+ i + "jpg";
setTimeout("changeImg()",2500);
}
</script>
注意:此处是定时切换,设置的一共有7张,切换时,需在html段中将第一张加载进去,如:
<body onload="changeImg()">
<p align="center">
<img src="/img/1jpg" id="myPic" width="400" height="300" />
</p>
</body>


欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/yw/10550379.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-05-09
下一篇2023-05-09

发表评论

登录后才能评论

评论列表(0条)

    保存