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

发布于 2024-11-04 06:07:52 字数 699 浏览 4 评论 0原文

例如,我有一个通过 javascript 文件拖入我的 twitter feed 的代码,我已将链接直接粘贴到 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> 

For example I have a code that drags in my twitter feed via a javascript file, I have pasted the links directly in the div I wish for it to appear however my page won't validate (obviously) but I can't figure out how to send it to appear in that div with the Javascript code hidden in the header.

Below shows the div I need the information in and the javascript files that call the information

Any help would be greatly appreciated !

<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> 

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

无人问我粥可暖 2024-11-11 06:07:52

我认为无法验证的唯一原因是 URI 中的 & 符号尚未经过 HTML 编码(即 &)。

允许

The only reason that I can see for that not to validate is that the ampersands in the URI haven't been HTML encoded (i.e. as &).

<script> elements are allowed as child elements of <div> elements.

戏舞 2024-11-11 06:07:52

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

您所追求的(如果我理解正确的话)是您在 中链接到的外部 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/

If you're using the JavaScript provided by Twitter then I don't think you can.

What you're after (if I understand correctly) is an external JavaScript file that you link to in the <head> of your page, that traverses the DOM on page-load, finds a div with an ID of "twitter_update_list" and inserts the content from Twitter.

While this functionality is quite easy to code, it would have to be within the JavaScript file itself. Since you're using Twitter's JavaScript then it's up to Twitter to provide this functionality within their JavaScript.

I think you'd have to look into writing your own JavaScript file that fetched your Twitter RSS feed and parsed it on your page.

You might want to look at Remy Sharp's solution - at a brief glance it looks to do what you want: http://remysharp.com/2007/05/18/add-twitter-to-your-blog-step-by-step/

没企图 2024-11-11 06:07:52
<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>
<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>
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文