如何使用Razor和Jquery动态更改Iframe的源？

单击链接时，更改Iframe的源时遇到问题。我只使用了Razor、Jquery和Javascript大约两周。我的目标是获取链接的当前URL，更改GUID，并将Iframe源设置为我的新URL

这就是我的Iframe的外观：

<iframe name="main" id="mainIframe" src="about:blank" scrolling="no" frameborder="0"></iframe>

目前，Iframe没有加载我指定的URL，我不知道如何很好地调试Javascript。有人能检查一下我的代码片段，确保我所做的事情没有严重错误吗？

generatedGUID（）是什么意思？“@menuIteam.Url”看起来如何？

generateGUID（）创建并返回一个新的GUID，@menuItem.Url是一个以XMLGUID&=结尾的Url，后跟将被替换的当前GUID

<a id="menuitem" href="#" data-url="@menuItem.Url">@menuItem.Name</a>

$('#menuitem').click(function () {
    var url= $(this).data('url');
    firstPart = url.substring(0, url.lastIndexOf('&') + 1);
    $('#mainIframe').attr('src', firstPart + generateGUID());
});