Question

我想要实现的是，如果在浏览器中加载特定页面，例如www.domain.com/page，则应使用JS动态地在页面中添加以下代码（类似于我们如何加载Google Analytics代码）

<div id="something">
  <img src="http://domain.com/images/someImage.jpg">
</div>

我正在尝试编写将加载上述HTML代码的脚本（页面的任何位置 - www.domain.com/page）

编辑1：

我想要实现的是当用户访问www.domain.com/page.html时，我正在调用另一个页面，让我们说page1.html应该包含插入我上面发布的HTML代码的脚本。所以我只想插入应该包含在page1.html里面的标签中的函数。很遗憾，我无法修改www.domain.com/page.html

Answer 1

如果您想使用javascript在页面中的任何位置放置该代码，首先需要使用＆＃34; id＆＃34;来识别DOM中的PLACE。属性。这是一个例子：

HTML：

<html>
<body>
<div id="target1"></div>
<div id="target2"></div>
</body>
</html>

JS：

var html = '<div id="something"><img src="http://domain.com/images/someImage.jpg"></div>';
document.getElementById('target1').innerHTML = html;
document.getElementById('target2').innerHTML = html;

Answer 2

您可以尝试这样的事情：

$(document).ready(function () {
    var url = window.location.href;
    $("#something").append("<img src='"+ url +"' />");
});

Answer 3

假设您将此代码保存在名为something.html

的html文件中

$(".documentholder").load("something.html");

在这种情况下，类“documentholder”是您将代码放入

的容器

Answer 4

$(".documentholder").load("code.html");

如果你是某个特定的id

$(".documentholder").load("code.html #someid");

如果您是某个特定标签和ID

$(".documentholder").load("code.html #someid");

Answer 5

你在这里，

只需使用 if（getFileName（）==＆＃34; page＆＃34;）更改此部分 if（getFileName（）==＆＃34; js＆＃34;）

我添加了js，因为这是代码片段中返回的内容：）

＆＃13;
＆＃13;
function getFileName() { var url = document.location.href; url = url.substring(0, (url.indexOf("#") == -1) ? url.length : url.indexOf("#")); url = url.substring(0, (url.indexOf("?") == -1) ? url.length : url.indexOf("?")); url = url.substring(url.lastIndexOf("/") + 1, url.length); return url; } var div = '<div id="something"><img src="http://domain.com/images/someImage.jpg"></div>'; if (getFileName() == "js") { $('body').append(div); }
＆＃13;
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.0/jquery.min.js"></script>
＆＃13;
＆＃13;
＆＃13;

基于访问的URL使用JS添加一段HTML代码

5 个答案: