如何将js脚本添加到html网页，而不将其应用于子页面

Question

我正在使用一个名为breezy.hr的服务进行招聘，他们不允许我访问HTML，只允许我在他们的GUI中向脚本添加js，它显示在网站代码中，如下所示，位于正文的末尾。

<script>
document.title = 'Hiring - Eastern Union';
document.getElementsByTagName("a")[7].innerHTML = "<a href='/p/2066e45ed47a-commercial-real-estate-mortgage-broker/apply'><button class='button apply polygot button-right bzyButtonColor'>Apply</button><h2>Commercial Real Estate Mortgage Broker</h2><ul class='meta'><li class='location'><i class='fa fa-wifi'></i><span class='polygot'>Remote OK</span></li><li class='type'><i class='fa fa-building'></i><span class='polygot'>Full-Time</span></li><li class='department'><i class='fa fa-building'></i><span>Multi-Family Group</span></li></ul><button class='button apply polygot button-full bzyButtonColor'>Apply</button><a>";
</script>

问题是，当我使用inner.html命令编辑html时，它会应用于具有不同元素的子页面，从而破坏子页面。有没有办法限制对父页面的编辑，以及只将内容应用到子页面？(请原谅我的术语，我没有受过HTML或js的训练，我只是在这个项目中使用它(

Answer 1

使用一个简单的if语句，您可以编辑主页或子页。

<script>
if(window.location == "Your home page url"){
document.title = 'Hiring - Eastern Union';
document.getElementsByTagName("a")[7].innerHTML = "<a href='/p/2066e45ed47a-commercial-real-estate-mortgage-broker/apply'><button class='button apply polygot button-right bzyButtonColor'>Apply</button><h2>Commercial Real Estate Mortgage Broker</h2><ul class='meta'><li class='location'><i class='fa fa-wifi'></i><span class='polygot'>Remote OK</span></li><li class='type'><i class='fa fa-building'></i><span class='polygot'>Full-Time</span></li><li class='department'><i class='fa fa-building'></i><span>Multi-Family Group</span></li></ul><button class='button apply polygot button-full bzyButtonColor'>Apply</button><a>";
}
else{
console.log("sub page");
}
</script>

Answer 2

尝试访问window.location，并告诉脚本仅在主页面上运行。