blocks|key|1857989|text|document.location.href将提供当前的URL，然后您可以使用JavaScript的字符串函数对其进行操作。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1857990|entityMap^0|0|M|0^^$0|@$1|2|3|4|5|6|7|H|8|@$9|I|A|J|B|C]]|D|@]|E|$]]|$1|F|3|-4|5|6|7|K|8|@]|D|@]|E|$]]]|G|$]]

<code>document.location.href</code> will give you the current URL, which you can then manipulate using JavaScript's string functions.

blocks|key|2072052|text|为此，我喜欢将<link>元素放在页面的<head>中，其中包含用于请求的URL。它们可以由您的服务器端语言生成，因此它们总是指向正确的视图：|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|2072053|<link+id="link-action-1"+href="${reverse_url+('action_1')}"/>|code-block|syntax|javascript|2072054|变成了|2072055|<link+id="link-action-1"+href="/my/web/root/action-1/"/>|2072056|并且可以通过Javascript使用以下命令进行检索：|2072057|document.getElementById+('link-action-1').href;|2072058|entityMap^0|7|6|K|6|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|U|8|@$9|V|A|W|B|C]|$9|X|A|Y|B|C]]|D|@]|E|$]]|$1|F|3|G|5|H|7|Z|8|@]|D|@]|E|$I|J]]|$1|K|3|L|5|6|7|10|8|@]|D|@]|E|$]]|$1|M|3|N|5|H|7|11|8|@]|D|@]|E|$I|J]]|$1|O|3|P|5|6|7|12|8|@]|D|@]|E|$]]|$1|Q|3|R|5|H|7|13|8|@]|D|@]|E|$I|J]]|$1|S|3|-4|5|6|7|14|8|@]|D|@]|E|$]]]|T|$]]

For this I like to put <code>&lt;link&gt;</code> elements in the page's <code>&lt;head&gt;</code>, containing the URLs to use for requests. They can be generated by your server-side language so they always point to the right view:

<pre><code>&lt;link id="link-action-1" href="${reverse_url ('action_1')}"/&gt;
</code></pre>

becomes

<pre><code>&lt;link id="link-action-1" href="/my/web/root/action-1/"/&gt;
</code></pre>

and can be retrieved by Javascript with:

<pre><code>document.getElementById ('link-action-1').href;
</code></pre>

blocks|key|1858170|text|客户端不可能在没有服务器告知的情况下确定webapp根目录，因为它不知道服务器的配置。您可以尝试在head元素中使用base元素，让服务器动态生成它，而不是硬编码它(这样它就会显示每个服务器的相关URL+)：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1858171|<base+href="http://path/to/webapp/root/"+/>|code-block|syntax|javascript|1858172|然后，所有URL都将被视为与此相关。因此，您只需向/data.json发出请求即可。但是，您需要确保应用程序中的所有其他链接都牢记这一点。|1858173|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|L|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|M|8|@]|9|@]|A|$]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

There's no way that the client can determine the webapp root without being told by the server as it has no knowledge of the server's configuration. One option you can try is to use the base element inside the head element, getting the server to generate it dynamically rather than hardcoding it (so it shows the relevant URL for each server):

<pre><code>&lt;base href="http://path/to/webapp/root/" /&gt;
</code></pre>

All URLs will then be treated as relative to this. You would therefore simply make your request to /data.json. You do however need to ensure that all other links in the application bear this in mind.

blocks|key|2072215|text|我在我的库主入口点(main.php)中包含了以下代码：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2072216|/**
+*+Build+current+url,+depending+on+protocal+(http/https),
+*+port,+server+name+and+path+suffix
+*/
$site_root+=+'http';
if+(isset($_SERVER["HTTPS"])+&&+$_SERVER["HTTPS"]+==+"on")+
++++$site_root+.=+"s";
$site_root+.=+"://"+.+$_SERVER["SERVER_NAME"];
if+($_SERVER["SERVER_PORT"]+!=+"80")
++++$site_root+.=+":"+.+$_SERVER["SERVER_PORT"];
$site_root+.=+$g_config["paths"]["site_suffix"];

$g_config["paths"]["site_root"]+=+$site_root;|code-block|syntax|javascript|2072217|$g_config是一个包含配置选项的全局数组。因此，在您的开发环境中，site_suffix可能类似于：“/sitesworking.thesite/public_html”，而在具有虚拟主机(域名)的服务器上仅为"/“。|2072218|这种方法也很好，因为如果有人键入您的开发框的IP地址，它将使用相同的IP地址来构建到javascript文件夹的路径，而不是类似于"localhost“的内容，如果您使用"localhost”，它将使用"localhost“来构建URL。|2072219|因为它还可以检测SSL，所以如果您向服务器添加了SSL支持，您就不必担心您的资源是通过HTTP还是HTTPS发送的。|2072220|然后，在您的模板中使用|2072221|<link+id="site_root"+href="<?php+echo+$g_config["paths"]["site_root"]+?>"/>|2072222|或|2072223|<script+type+=+"text/javascript">
var+SiteRoot+=+"<?php+echo+$g_config["paths"]["site_root"];+?>";
</script>|2072224|我想后者会更快。|2072225|entityMap^0|0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|Z|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|10|8|@]|9|@]|A|$]]|$1|I|3|J|5|6|7|11|8|@]|9|@]|A|$]]|$1|K|3|L|5|6|7|12|8|@]|9|@]|A|$]]|$1|M|3|N|5|6|7|13|8|@]|9|@]|A|$]]|$1|O|3|P|5|D|7|14|8|@]|9|@]|A|$E|F]]|$1|Q|3|R|5|6|7|15|8|@]|9|@]|A|$]]|$1|S|3|T|5|D|7|16|8|@]|9|@]|A|$E|F]]|$1|U|3|V|5|6|7|17|8|@]|9|@]|A|$]]|$1|W|3|-4|5|6|7|18|8|@]|9|@]|A|$]]]|X|$]]

I include the following code in my libraries main entry point (main.php):

<pre><code>/**
 * Build current url, depending on protocal (http/https),
 * port, server name and path suffix
 */
$site_root = 'http';
if (isset($_SERVER["HTTPS"]) &amp;&amp; $_SERVER["HTTPS"] == "on") 
 $site_root .= "s";
$site_root .= "://" . $_SERVER["SERVER_NAME"];
if ($_SERVER["SERVER_PORT"] != "80")
 $site_root .= ":" . $_SERVER["SERVER_PORT"];
$site_root .= $g_config["paths"]["site_suffix"];

$g_config["paths"]["site_root"] = $site_root;
</code></pre>

$g_config is a global array containing configuration options. So site_suffix might look like: "/sites_working/thesite/public_html" on your development box, and just "/" on a server with a virtual host (domain name).

This method is also good, because if somebody types in the IP address of your development box, it will use that same IP address to build the path to the javascript folder instead of something like "localhost," and if you use "localhost" it will use "localhost" to build the URL.

And because it also detects SSL, you wont have to worry about weather your resources will be sent over HTTP or HTTPS if you ever add SSL support to your server.

Then, in your template, either use

<pre><code>&lt;link id="site_root" href="&lt;?php echo $g_config["paths"]["site_root"] ?&gt;"/&gt;
</code></pre>

Or

<pre><code>&lt;script type = "text/javascript"&gt;
var SiteRoot = "&lt;?php echo $g_config["paths"]["site_root"]; ?&gt;";
&lt;/script&gt;
</code></pre>

I suppose the latter would be faster.

I have some code in a javascript file that needs to send queries back to the server. The question is, how do I find the url for the script that I am in, so I can build a proper request url for ajax.

I.e., the same script is included on <code>/</code>, <code>/help</code>, <code>/whatever</code>, and so on, while it will always need to request from <code>/data.json</code>. Additionally, the same site is run on different servers, where the <code>/</code>-folder might be placed differently. I have means to resolve the relative url where I include the Javascript (ez-publish template), but not within the javascript file itself.

Are there small scripts that will work on all browsers made for this?

Relative urls for Javascript files

虚拟主机

服务器

我在javascript文件中有一些代码，需要将查询发送回服务器。问题是，我如何找到我所在的脚本的url，这样我就可以为ajax构建一个合适的请求url。也就是说，相同的脚本包含在/、/help、/whatever等等上，而它总是需要向/data.json请求。此外，同一站点运行在不同的服务器上，/-folder可能放...

问Javascript文件的相对urls
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Javascript文件的相对urlsEN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Javascript文件的相对urls
EN