Question

我正在尝试将一些变量用作JavaScript和HTML中的链接，但它不适用于脚本src 部分或 a href 。非常感谢任何帮助。

<script>

// Please change these values

var Sermon_JWPlayer = "//content.jwplatform.com/players/l9aqB9m4-7l7ZMsAW.js" // JW Player Link
var Sermon_Address = "http://content.jwplatform.com/videos/l9aqB9m4-EnqDUKfa.m4a" // Actual file url

// Should not need to modify below
var Share_Facebook = "https://www.facebook.com/sharer/sharer.php?u=" + Sermon_Address
var Share_Twitter = "https://twitter.com/home?status=" + Sermon_Address
var Share_GooglePlus = "https://plus.google.com/share?url=" + Sermon_Address

<script src="" + Sermon_JWPlayer + ""></script>

<!-- Link Generator: http://www.sharelinkgenerator.com -->
<div align="right">

<!-- Download Link -->
<a href="' + Sermon_Address + '"><img src="https://dl.dropboxusercontent.com/u/53823971/temp_images/icon_download.png"></a> 

<!-- Facebook Share Link -->
<a href="' + Share_Facebook + '"><img src="https://dl.dropboxusercontent.com/u/53823971/temp_images/icon_facebook.png"></a> 

<!-- Twitter Share Link -->
<a href="' + Share_Twitter + '"><img src="https://dl.dropboxusercontent.com/u/53823971/temp_images/icon_twitter.png"></a> 

<!-- Google Plus Share Link -->
<a href="' + Share_GooglePlus + '"><img src="https://dl.dropboxusercontent.com/u/53823971/temp_images/icon_googleplus.png"></a> 

</div>
</script>

UPDATE 感谢大家的投入。我知道我不能简单地将JS变量扔进HTML中，我应该完全使用JS来获得带链接的图像。以下是我解决这个问题的方法：

<script>
// Only modify these two links

var sermon_JWPlayer = '//content.jwplatform.com/players/l9aqB9m4-7l7ZMsAW.js';
var sermon_directURL = 'http://content.jwplatform.com/videos/l9aqB9m4-EnqDUKfa.m4a';

// Should not need to modify below
var icon_download = 'https://dl.dropboxusercontent.com/u/53823971/temp_images/icon_download.png';
var icon_facebook = 'https://dl.dropboxusercontent.com/u/53823971/temp_images/icon_facebook.png';
var icon_twitter = 'https://dl.dropboxusercontent.com/u/53823971/temp_images/icon_twitter.png';
var icon_googleplus =     'https://dl.dropboxusercontent.com/u/53823971/temp_images/icon_googleplus.png';

var Share_Facebook = 'https://www.facebook.com/sharer/sharer.php?u=';
var Share_FacebookFull = Share_Facebook.concat(sermon_JWPlayer);
var Share_Twitter = 'https://twitter.com/home?status=';
var Share_TwitterFull = Share_Twitter.concat(sermon_JWPlayer);
var Share_GooglePlus = 'https://plus.google.com/share?url=';
var Share_GooglePlusFull = Share_GooglePlus.concat(sermon_JWPlayer);

var img = new Image();
img.src = "" + icon_download + "";
img.onclick = function() 
{window.location.href = sermon_directURL;};
document.body.appendChild(img);

var img = new Image();
img.src = "" + icon_facebook + "";
img.onclick = function() 
{window.location.href = Share_FacebookFull;};
document.body.appendChild(img);

var img = new Image();
img.src = "" + icon_twitter + "";
img.onclick = function() 
{window.location.href = Share_TwitterFull;};
document.body.appendChild(img);

var img = new Image();
img.src = "" + icon_googleplus + "";
img.onclick = function() 
{window.location.href = Share_GooglePlusFull;};
document.body.appendChild(img);

</script>

Answer 1

在您的JavaScript代码中使用document.getElementById('myLink').href = Sermon_Address，并使用<a>属性为您的id元素提供ID。

<a id='myLink'>

使用JavaScript Var作为JS＆amp;的链接HTML

1 个答案: