如何将Javascript短语(在正文中)移动到头部

时间:2011-05-02 15:51:33

标签: javascript unobtrusive-javascript

例如,我有一个代码通过javascript文件拖入我的Twitter提要,我已经直接在div中粘贴链接我希望它出现但是我的页面不会验证(显然)但我不能弄清楚如何将它发送到该div中,并在标题中隐藏Javascript代码。

下面显示我需要信息的div和调用信息的javascript文件

非常感谢任何帮助!

<div id="twitter_update_list"><script type="text/javascript" src="http://twitter.com/javascripts/blogger.js"></script>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/hookline_sinker.json?callback=twitterCallback2&count=1"></script>
<br />FIND US AT <br /><strong><a href="http://twitter.com/#!/hookline_sinker" target="_blank">@HOOKLINE_SINKER</a></strong></div> 

3 个答案:

答案 0 :(得分:4)

我可以看到不能验证的唯一原因是URI中的&符号未经过HTML编码(即&amp;)。

<script>个元素被允许作为<div>元素的子元素。

答案 1 :(得分:0)

如果您使用Twitter提供的JavaScript,那么我认为您不能。

你所追求的是(如果我理解的话)是你在&lt; head&gt;中链接的外部JavaScript文件。在页面加载时遍历DOM的页面,找到ID为“twitter_update_list”的div并从Twitter插入内容。

虽然这个功能很容易编码,但它必须在JavaScript文件本身内。由于您使用的是Twitter的JavaScript,因此可以通过Twitter在其JavaScript中提供此功能。

我认为你必须考虑编写自己的JavaScript文件来获取你的Twitter RSS提要并在你的页面上解析它。

你可能想看看Remy Sharp的解决方案 - 只需一瞥就可以做你想做的事:http://remysharp.com/2007/05/18/add-twitter-to-your-blog-step-by-step/

答案 2 :(得分:0)

<html>
<head>
<script type="text/javascript" src="http://twitter.com/javascripts/blogger.js">
</script>
</head>
<body>
<br />FIND US AT <br /><strong><a href="http://twitter.com/#!/hookline_sinker" target="_blank">@HOOKLINE_SINKER</a></strong>
<div id="twitter_update_list">Updates will go here!</div>
<script type="text/javascript" src="http://twitter.com/statuses/user_timeline/hookline_sinker.json?callback=twitterCallback2&count=1"></script>
</body>
</html>