javascript - 在javascript中声明一个变量并在html中使用

标签 javascript html variables var

这个问题在这里已经有了答案:





Javascript variables in HTML attributes

(5 个回答)



How to use JS variable inside HTML attribute value

(1 个回答)


3年前关闭。




我有带有 href 和 src 的各种图像的大 html 文档。

我想声明它们的 href 和 src 以便只更改它们的 var 值。就像是...

<script>
var imagehref = www.url.com; 
var imagesrc = www.url.com/img.pg; 
</script>

HTML Part:

<html>
<a href=imagehref><img src=imagesrc /> </a>
</html>


正确的语法/方法是什么?

最佳答案

这种方式不行,得直接从js脚本中设置href和src。这是一个例子:

<html>
  <body>
    <a id="dynamicLink" href=""><img id="dynamicImg" src="" /> </a>
  </body>
  <script>
    var link = document.getElementById('dynamicLink'); 
    link.href = "http://www.url.com"
    var img = document.getElementById('dynamicImg'); 
    img.src = "http://www.url.com/img.png"
  </script>
</html>

关于javascript - 在javascript中声明一个变量并在html中使用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55123762/

相关文章:

javascript - 如何映射和分组对象数组

javascript - 使用 Javascript 获取根页面 url

html - 链接样式为按钮,打印为无样式的链接

javascript - AngularJS - onclick 中的 {{$index}}

python - 在 Airflow 宏中传递变量

bash - 将查找字数统计结果放入变量中

javascript - 错误后多线程中的 Electron 进程未关闭

javascript - Ember Controller 的奇怪错误

html - 我无法在不出现错误的情况下插入基本的 HTML 空格。还有别的办法吗?

javascript - 我声明这个 Javascript 变量的方式有什么问题?