无法将javascript变量插入HTML标记

时间:2015-01-08 19:09:27

标签: javascript html twitter-card

我的网站网址如下所示:http://mysite.co/twittercard.html#johnsmith

我需要在网址中的哈希值(#)之后抓取文本,并在meta tag中使用它。

我一直在尝试将文字插入meta tag,如下所示:

<html>
<head>
<meta name="twitter:card" content="app" />
document.write('<meta name="twitter:description" content="' + window.location.hash + ' test sentence goes here!" />');
<meta name="twitter:app:country" content="US" />
<meta name="twitter:app:name:iphone" content="App name" />
<meta name="twitter:app:swift:name" content="App name" />
<meta name="twitter:app:id:iphone" content="id0923804893204" />
<meta name="twitter:app:url:iphone" content="testscheme://action/982y9hf92f92" />
<meta name="twitter:app:name:ipad" content="App name" />
<meta name="twitter:app:id:ipad" content="id0923804893204" />
<meta name="twitter:app:url:ipad" content="testscheme://action/892ruhf92hf9" />
</head>
</html>

我甚至尝试使用额外的javascript变量,而不仅仅使用window.location.hash

<html>
<head>
<meta name="twitter:card" content="app" />
document.write('<meta name="twitter:description" content="' + username + ' test sentence goes here!" />');
<meta name="twitter:app:country" content="US" />
<meta name="twitter:app:name:iphone" content="App name" />
<meta name="twitter:app:swift:name" content="App name" />
<meta name="twitter:app:id:iphone" content="id0923804893204" />
<meta name="twitter:app:url:iphone" content="testscheme://action/982y9hf92f92" />
<meta name="twitter:app:name:ipad" content="App name" />
<meta name="twitter:app:id:ipad" content="id0923804893204" />
<meta name="twitter:app:url:ipad" content="testscheme://action/892ruhf92hf9" />
</head>
var username = window.location.hash
</html>

但这也不起作用。每次我测试时,显示给用户的文字都是"'+username+' test sentence goes here!""'+window.location.hash+' test sentence goes here!"

如果我的网址为http://mysite.co/twittercard.html#johnsmith,那么我需要将该句子显示为:"johnsmith test sentence goes here!"

编辑:

我添加了脚本标记,但它仍无效:

<html>
<head>
<meta name="twitter:card" content="app" />
<script>
document.write('<meta name="twitter:description" content="' + window.location.hash + ' test sentence goes here!" />');
</script>
<meta name="twitter:app:country" content="US" />
<meta name="twitter:app:name:iphone" content="App name" />
<meta name="twitter:app:swift:name" content="App name" />
<meta name="twitter:app:id:iphone" content="id0923804893204" />
<meta name="twitter:app:url:iphone" content="testscheme://action/982y9hf92f92" />
<meta name="twitter:app:name:ipad" content="App name" />
<meta name="twitter:app:id:ipad" content="id0923804893204" />
<meta name="twitter:app:url:ipad" content="testscheme://action/892ruhf92hf9" />
</head>
</html>

0 个答案:

没有答案