javascript - 忽略本地 url 的 html 中的基本 url

Question

我的 html 页面中有基本标记，并且有实际引用此基本 url 的链接，但是，当我想放置一个不引用基本 url 的 url 时，它不起作用!!

不引用基本 url 的 url 是: imageUrl: "图片/like.png", contentUrl: "controls/small-pie-chart.html"

这是代码:

<base  href="http://demos.telerik.com/kendo-ui/tabstrip/right-to-left-support" >
<style>
    html {
        font-size: 14px;
        font-family: Arial, Helvetica, sans-serif;
    }
</style>
<title></title>
<link rel="stylesheet" href="//kendo.cdn.telerik.com/2015.3.1111/styles/kendo.common-material.min.css" />
<link rel="stylesheet" href="//kendo.cdn.telerik.com/2015.3.1111/styles/kendo.metroblack.min.css" />
<link rel="stylesheet" href="//kendo.cdn.telerik.com/2015.3.1111/styles/kendo.rtl.min.css" />

<script src="//kendo.cdn.telerik.com/2015.3.1111/js/jquery.min.js"></script>
<script src="//kendo.cdn.telerik.com/2015.3.1111/js/kendo.all.min.js"></script>

<div id="example">
    <div class="k-rtl">
        <div class="demo-section k-content">




            <div id="tabstrip-images"></div>
        </div>
        <script>
            $("#tabstrip-images").kendoTabStrip({
                animation: {
                    open: {
                        effects: "fadeIn"
                    }
                },
                dataTextField: "text",
                dataImageUrlField: "imageUrl",
                dataContentUrlField: "contentUrl",
                dataSource: [
                    {
                        text: "נתונים כלליים",
                        imageUrl: "images/like.png",
                        contentUrl: "controls/small-pie-chart.html"
                        },

                      {
                        text: "מוכנות ביצוע",
                            imageUrl: "images/like.png",
                        contentUrl: "controls/small-pie-chart.html"
                    }
                    ]

            }).data("kendoTabStrip").select(0);
        </script>
    </div>


</div>
<style>
        html,
        body{
           position: fixed;
            height: 100%;
            width:100%;
              margin: 0;
            padding: 0;
            border-width: 0;
        }
        #tabstrip-parent,
        #tabstrip {
            margin: 0;
            padding: 0;
            border-width: 0;            }
        .k-tabstrip .k-content {
            position: fixed;
            height: 100%;
            width:100%;
        }
    </style>

Answer 1

尝试在基本 URL 末尾使用“/” <base href="http://demos.telerik.com/kendo-ui/tabstrip/right-to-left-support/" >