关于html调用js的路径问题

关于html调用js的路径问题,第1张

楼上的方式是可以实现,但是就是要判断到底距离目标文件的位置;

所以最好就是用相对根路径

<script type="text/javascript" src="/test/hits/xxxxxjs"></script>

这样的话,无论你在任何位置都可以正确调用你的文件了。

<script src="/////scripts/js></script>

除了如上边那种用多个父路径外还有没有别的方法直接获取项目跟路径。获取项目根目录

在jsp里去<%=requestgetContextPath()%>这就是项目的根路径了,是到项目这层的。

js的引入方法如下:

<script src="<%=requestgetContextPath() %> /home/testjs"></script>

css的引入方法:

<link href="<%=requestgetContextPath() %>/css/onecss" rel="stylesheet" type="text/css">。/js获取项目根路径,如: >

getRootPath:function () {

//获取当前网址,如: >

var cur>

//获取主机地址之后的目录,如: /ems/Pages/Basic/Personjsp

var pathName = windowdocumentlocationpathname;

var pos = cur>

//获取主机地址,如: >

var localhostPath = cur>

//获取带"/"的项目名,如:/ems

var projectName = pathNamesubstring(0, pathNamesubstr(1)indexOf('/') + 1);

return(localhostPath + projectName);

1、在浏览器中打开要调试的网页,然后点击”F12 Developer Tools“,也可以使用快捷键F12。

2、d出的工具窗口中,默认选择是Dom Explorer功能,它会列出网页的源代码和CSS样式列表。

3、使用元素定位功能选择页面中的一个元素,也会定位到源代码中位置。

4、对定位到的文字修改CSS样式,添加inline style,比如把字体变为红色。

5、查看元素已经应用的CSS样式,点击"computed"菜单。

6、然后查看元素的布局信息,点击"Layout"菜单。

有原生DOM获取以及用js库比如jquery

原生DOM的话首先获取标签对象,id或者name或其他

例:

1

<p id="targetp" >2333333</p>

<script>

var element = documentgetElementById("targetp");

var tagname = elementtagName;

alert(tagname);

</script>

jQuery获取

$("#content-header")get(0)tagName

如果已经获取到对象可以直接获取标记名

<p onclick="alert('您单击的是:'+thistagName);">中华人民共和国</p>

以上就是关于关于html调用js的路径问题全部的内容,包括:关于html调用js的路径问题、html页面中怎么获取项目根目录和引入js和css、怎么用JS获取某一个指定页面(非本页面)的HTML代码等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

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

原文地址: http://outofmemory.cn/web/9683852.html

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

发表评论

登录后才能评论

评论列表(0条)

保存