javascript - 如何使用 jQuery 在 src 的脚本标签中添加文本
问题描述
我已经搜索了如何做到这一点的信息,但我无法解决这个问题。我想在我的网页上添加一个天气小部件。它使用纬度和经度。我希望它应该从用户现在所在的位置显示当前天气。
<span id ="long"></span>
<script type='text/javascript' id="weather-link" src='https://darksky.net/widget/default/></script>
<script>const weatherLink = $("#weather-link");
weatherLink.html("<span id=\"" + response.latitude + "," +response.longitude + "\">/uk12/de.js?width=100%&height=350&title=Basel&textColor=333333&bgColor=FFFFFF&transparency=false&skyColor=undefined&fontFamily=Default&customFont=&units=uk&htColor=333333<Color=333333&displaySum=yes&displayHeader=yes</span>");
weatherLink.attr("src", weatherLink.attr("src") + response.city);</script>
下面的代码我用它来获取用户信息。它运作良好
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script>
$("#long").html(response.latitude + ", " + response.longitude );
$("#response").html(JSON.stringify(response, null, 4));
}, "jsonp");
</script>
我需要向 src 添加使用上面的代码更改的文本。谢谢
解决方案
推荐阅读
- maven - 由于不满足的依赖关系,某些插件无法加载。修复这些问题并重新启动 Jenkins 以重新启用这些插件
- docker - 主机硬重启后 Docker 服务不启动
- python - 在 BeautifulSoup/Selenium Scraper 中使用部分匹配
- oracle - 使用哈希 SHA-256
- java - 为什么 UDP 服务器的 Javafx GUI 停止工作
- c# - 如何在 .NET 中使用 CQRS 模式 mediatr 使 EF 事务化?
- javascript - Vue.js:从另一个组件调用方法
- reactjs - 在管理员/非管理员用户之间分离应用程序的各个部分时,如何在应用程序 nodejs/react auth0 之间共享身份验证
- docker - Docker创建一个可以访问多个gpu的副本节点
- hyperledger-fabric - 如何使用带有参数“--signature-policy”的对等生命周期链代码approvyorg命令解决问题