根据表单输入动态更新 html 文件
发布于2021-11-12 16:11 阅读(1451) 评论(0) 点赞(24) 收藏(5)
我使用一个名为 finviz.com 的网站，该网站提供股票图表。我喜欢在不同的时间范围内查看图表，一个在另一个之上。我一直在使用excel来做到这一点。例如，如果我在单元格 A1 中输入“aapl”，我会在 excel 中使用一个简单的连接公式来组合我需要的超链接，如下所示：
<img src = 'http://elite.finviz.com/chart.ashx?t=aapl&ty=c&ta=st_c,sch_100,sma2_50,sma2_20,sma2_100,stofu_b_5_3_3&p=d&s=l'><br>
<img src = 'http://elite.finviz.com/chart.ashx?t=aapl&ty=c&ta=0&p=i15&s=l'><br>
<img src = 'http://elite.finviz.com/chart.ashx?t=aapl&ty=c&ta=0&p=i3&s=l'>[/code]
然而，这是相当缓慢的。对于每个不同的股票代码，我需要将 excel 文本复制/粘贴到桌面上的 html 文件中并刷新我的 chrome 浏览器。我希望在我的 html 代码中有一个输入字段，让我输入一个股票代码，然后动态更新不同股票的 html 代码。
有人可以建议如何做到这一点吗？
解决方案
如果您不想使用 JQuery，这里有一个简单的 JavaScript 版本的 intracept 非常好的代码。
<input type="text" id="tickerCode" /><input type="button" id="setTicker" value="Set Ticker" />
<img id="ticker1" src = 'http://elite.finviz.com/chart.ashx?t=aapl&ty=c&ta=st_c,sch_100,sma2_50,sma2_20,sma2_100,stofu_b_5_3_3&p=d&s=l'><br>
<img id="ticker2" src = 'http://elite.finviz.com/chart.ashx?t=aapl&ty=c&ta=0&p=i15&s=l'><br>
<img id="ticker3" src = 'http://elite.finviz.com/chart.ashx?t=aapl&ty=c&ta=0&p=i3&s=l'>
<script>
document.getElementById('setTicker').addEventListener('click', function () {
var symbol = document.getElementById('tickerCode').value;
document.getElementById('ticker1').src = 'http://elite.finviz.com/chart.ashx?t=' + symbol + '&ty=c&ta=st_c,sch_100,sma2_50,sma2_20,sma2_100,stofu_b_5_3_3&p=d&s=l';
document.getElementById('ticker2').src = 'http://elite.finviz.com/chart.ashx?t=' + symbol + '&ty=c&ta=0&p=i15&s=l';
document.getElementById('ticker3').src = 'http://elite.finviz.com/chart.ashx?t=' + symbol + '&ty=c&ta=0&p=i3&s=l';
});
</script>
所属网站分类: 技术文章 > 问答
作者：黑洞官方问答小能手
链接：http://www.qianduanheidong.com/blog/article/226649/94d776533da47cbd732f/
来源：前端黑洞网
任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任
昵称:
评论内容：(最多支持255个字符)
---无人问津也好，技不如人也罢，你都要试着安静下来，去做自己该做的事，而不是让内心的烦躁、焦虑，坏掉你本来就不多的热情和定力