生成包含jquery的网页

时间:2015-03-01 00:19:45

标签: javascript c# html

我正在研究一个将使用jquery的功能,它按预期工作,但是我有点困惑为什么jquery插件源在我的网页上显示..

以下是用于生成网页的代码+ html

wbWinnersFeed.NavigateToString(
                Classes.FeedPage.GenerateFeed(data)

public static string GenerateFeed(List<Dictionary<string, string>> data)
{
    string rText = "<!DOCTYPE html><html><meta http-equiv='Content-Type' content='text/html; charset=UTF-8' />";
    rText += "<head>";
    rText +=
        "<script type=\"text/javascript\" src=\"http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js\"></script>" +
        "<script type=\"text/javascript\" src=\"https://gist.github.com/floatplane/6226786.js\"></script>";
    rText += "</head>";
    rText += "<body oncontextmenu='return false;' bgcolor='#252525';>";
    rText += "<style type='text/css'>body {overflow:hidden;}</style>";
    rText += "<font color=#7D7D7D>" +
             "<marquee behavior='scroll' direction='up' scrollamount='2' height='220px' width:'233px'>";

    int index = 0;
    foreach (var d in data)
    {
        foreach (var item in d)
        {
            rText += string.Format("{0} : {1}<br>", item.Key, item.Value);
        }
        if (index != data.Count - 1)
            rText += "<br>";
        index++;
    }
    rText += "</marquee></font></body></html>";
    return rText;
}

data =包含反序列化json的列表

这个有效,并且给了我一个很棒的滚动源,正如预期的那样..有两个奇怪的副作用,溢出显示虽然它应该被样式隐藏(不是真正的问题......),以及完整的github来源被拉入文档并显示在网页上

Source Code and Body Style

Source Code and Body Style

我怎样才能阻止源代码显示给用户?在网页视图(不检查元素,查看源等)(我不是最强大的html / js程序员)

我在wpf上使用网络浏览器控件,我正在导航到上面创建的字符串。

生成的rText

<!DOCTYPE html><html><meta http-equiv='Content-Type' content='text/html; charset=UTF-8' /><head><script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script><script type="text/javascript" src="https://gist.github.com/floatplane/6226786.js"></script></head><body oncontextmenu='return false;' bgcolor='#252525';><style type='text/css'>body {overflow:hidden;}</style><font color=#7D7D7D><marquee behavior='scroll' direction='up' scrollamount='2' height='220px' width:'233px'>NoData : No Data Has Been Loaded<br></marquee></font></body></html>

1 个答案:

答案 0 :(得分:1)

你做错了。您使用的github上的嵌入URL链接是在不同的站点上显示此代码,例如,描述代码的博客帖子。

如果您想使用实际代码,您需要点击“Raw”并保存该文件并将其放在您的服务器上。

我猜你也可以直接链接到github链接,如下所示,但我认为不鼓励。

<script type="text/javascript" src="https://gist.githubusercontent.com/floatplane/6226786/raw/121626cdd9d49c808ab838f71803216b28d4552e/gistfile1.js"></script>