尝试根据URL更改<h3>标记

时间:2015-12-15 19:40:48

标签: javascript node.js express

经过几天的搜索和反复试验,我仍然无法在没有崩溃的情况下完成任务。

我想要实现的是改变.ejs文件中H3标签中显示的文本。

之所以这样,是因为我们正在构建的系统正在使用另一个文件的部分内容而不是创建更多文件,只有这个标记必须更改它的文本。

问题部分:

<%if (window.location.href === '/newWizard') { %>
  <h3><strong>Step of a Wizard </strong> - Some Text</h3>
<% }else { %> 
  <h3>Same Text</h3> 
<% } %>

此文件由&lt;% - partial%&gt;引用并且该文件由&lt;% - include%&gt;后退一步。

我们正在通过Node.js和Kendo Grid设计构建此软件。

我将非常感谢您提供的任何帮助,我将继续研究并开展工作,如果我能让它正常运行,我们会更新。

1 个答案:

答案 0 :(得分:0)

window.location.href,如果我没弄错的话,会给你完整的网址。您可能想要检查window.location.pathname,以便按照您描述的方式进行检查。

您还可以根据需要在hrefpathname上进行一些模式匹配。

<强>更新

由于它是.ejs,它在服务器上执行,因此没有窗口对象。

在客户端运行脚本。在HTML中创建<h3>并为其添加一些ID <h3 id="title-heading"></h3>,然后添加一个类似

的脚本
if (window.location.pathname === '/newWizard') {
    document.getElementById('title-heading').innerHTML = '<strong>Step of a Wizard </strong> - Some Text';
}
else {
    document.getElementById('title-heading').innerHTML = 'Same Text';
}