如何将 html 属性值添加到 javascript 变量中答案

【问题标题】：How do I add html attribute value into a javascript variable如何将 html 属性值添加到 javascript 变量中
【发布时间】：2016-04-27 19:34:31
【问题描述】：

您好，我正在开发一个基于 asp 和 javascript 的项目。我也是两种编程语言的新手。

我创建了一个显示视频的弹出窗口。当你点击它的“关闭”按钮时，弹出窗口会关闭，但音频会在后台继续播放。

现在有了这段代码，我的音频就停止了。但这会导致另一个问题。

这里是代码。

<iframe id="pict" width="560" height="315" src="somelink" frameborder="0"   allowfullscreen></iframe>

我创建了一个 javascript 变量 - 将“iframe src”值复制到它。

<script type="javascript"> 
var addurl = document.getElementById('#pict').src;
</script>

然后对于我跨度中的“onclick”，我清空 src（以便音频停止）并在 src 中重新添加上述变量值。（以便用户可以在同一会话中再次播放视频)

onclick= ""$('#pict').attr('src','');
$('#pict').attr('src','"& addurl & "');"" >

我认为 'addurl' 变量在这里不能正常工作。因为我不能在同一会话中播放视频两次。第二次是空白。

如何在变量中添加 iframe (src) 值？如果我能得到任何帮助来解决这个问题，我将不胜感激。

【问题讨论】：

您的<iframe> 标签在您设置id、宽度、高度等之前被关闭，因此它们不会被应用。
只是一个旁注，但您的物理文件可能是 .asp，但您的问题/代码中没有任何内容与经典 ASP 相关。都是 HTML 和 JavaScript

标签： javascript jquery html iframe asp-classic

【解决方案1】：

正如我在上面的评论中提到的，在您设置 id、宽度、高度和其他属性之前，您有一个额外的 > 关闭您的 <iframe>。您只需删除多余的> 就可以了。

Simple Demo

<iframe> id="pict" width="560" height="315" src="somelink" frameborder="0"   allowfullscreen></iframe>
       ^ - Remove this
<iframe id="pict" width="560" height="315" src="somelink" frameborder="0"   allowfullscreen></iframe>

您的 javascript 中似乎还有一些额外的引号 "" 和杂项 &s。

onclick= ""$('#pict').attr('src','');
         ^^ - Remove the quotes
onclick= $('#pict').attr('src','');

$('#pict').attr('src','"& addurl & "');"" >
                        ^ ------ ^ --- ^^ - Remove the `'`s `&`s and quotes
$('#pict').attr('src',addurl);>

【讨论】：

【解决方案2】：

嗯，这似乎有点令人困惑。你在这里有一些选择，所以我给你一些关于如何更好地理解代码的建议。

如果您在页面内容内部工作，您可以像这样插入 ASP 代码：

<p>lorem ipsum: "<% =my_value %>" is my value</p>

在你的代码中，它看起来就像你在一个脚本块中，正在构建一个字符串：

<%
  dim some_asp_variable
  dim my_value

  some_asp_variable = "<p>Lorem ipsum: """ & my_value & """ is my value</p>"

  Response.write some_asp_variable
%>

注意，您必须如何编写双引号才能在字符串中添加一个引号。并使用& 连接字符串。

你给的部分：

 onclick= ""$('#pict').attr('src','');$('#pict').attr('src','"& addurl & "');"" >

是正确的，但前提是您在 ASP 中编写字符串（第二个选项）。

【讨论】：