Question

我的网站目前正在使用Volusion电子商务平台。您可能知道或者可能不知道，几乎整个系统的后端都被锁定了。为了让我在我的所有产品页面中添加任何额外的html内容，我将获得以下一些java脚本，以便由Volusion支持添加到我的模板文件中。

此示例显示了如何添加一些HTML（这个简单的“需要” 救命？联系我们！“消息”出现在每个产品的底部页。它可以放在与div匹配的结束标记之后标记使用“content_area”的ID：

<script type="text/javascript"> 
//<![CDATA[ 
if (location.pathname == "/ProductDetails.asp" || location.pathname.indexOf("-p/") != -1 || location.pathname.indexOf("_p/") != -1)
    document.writeln("\n<table align='center' style='border: solid 2px black;'><tr><td align='center' style='background-color:#ccc; font-weight: normal; padding:10px;'><span style='font-size: larger; font-weight: bold;'>Need help on this or any other product?</span><br />Call 1-800-YourNumberHere | <a href='mailto:customerservice@yourcompany.com'>E-mail Us</a> | <a href='/help.asp'>Help On Our Site</a> | <a href='/returns.asp'>Return Policy</a></td></tr></table>\n\n"); 
//]]> 
</script>

但是，只需将此股票代码添加到我的模板文件中，它就会失效。我试图在符合网址要求的网页上查看它。

作为java脚本的新手，我唯一可以收集代码的问题是，虽然在代码描述中他们说它的目标是“使用content_area的ID的div标签”，但我做不知道这个定位发生在代码中的哪个位置。

任何帮助将不胜感激。我的产品页面网址都以“-p /”结尾，因此我不需要代码中的其他条件。

谢谢！

Answer 1

正如你所说，使用jQuery是可以的：

$(function () {
    if (location.pathname == "/ProductDetails.asp" || location.pathname.indexOf("-p/") != -1) {
        var content = "<table align='center' style='border: solid 2px black;'><tr><td align='center' style='background-color:#ccc; font-weight: normal; padding:10px;'><span style='font-size: larger; font-weight: bold;'>Need help on this or any other product?</span><br />Call 1-800-YourNumberHere | <a href='mailto:customerservice@yourcompany.com'>E-mail Us</a> | <a href='/help.asp'>Help On Our Site</a> | <a href='/returns.asp'>Return Policy</a></td></tr></table>";

        var el = $('#content_area');

        // If there's an element with id = content_area in the page,
        // let's insert the content after it.
        // Otherwise, let's insert it to the body.
        if (el != null) {
            $(el).after(content);
        }
        else {
            $('body').append(content);
        }
    }
});

注意：如果页面没有加载jQuery库，则需要在上面的代码之前执行此操作：

<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

document.writeIn为电子商务平台预先设计的代码

1 个答案: