javascript - 获取标签之间的变量并附加到 URL

标签 javascript jquery html

我有一个由其他人开发的网页。我想从以下标签 <h3 id="TAGS"></h3> 加载页面时获取它们显示的变量并将其附加到本示例 URL http://someurl.com/<variable>.

我不是 JavaScript 专家,因此我们将不胜感激。

我尝试了以下方法,但没有成功

var myURL = $('#TAGS').innerHTML
<input type="button" value="Download" onclick="window.location.href=\'http://someurl.com/' + myURL + '\'"/>

最佳答案

JAVASCRIPT + jQuery: 创建一个全局变量,例如 var downloadURL = "" 并在 jQuery 中创建一个函数:

$( document ).ready(function() {
    var myURL = $("#TAGS").html();
    downloadURL = "http://someurl.com/" + myURL;
});

然后你让你的按钮像这样:

<input type="button" value="Download" onclick="download()"/>

让方法下载做任何你想做的事:

function download() {
   if(downloadURL!="") {
      window.location.href=downloadURL;
   }
   else {
      //you don't have a value set 
   }
   downloadURL="";
}

JAVASCRIPT:创建一个全局变量,例如 var downloadURL = "" 并创建一个在页面加载时加载的函数:

window.onload = function() {
    var myURL = document.getElementById("TAGS").innerHTML;
    downloadURL = "http://someurl.com/" + myURL;
});

然后你让你的按钮像这样:

<input type="button" value="Download" onclick="download()"/>

让方法下载做任何你想做的事:

function download() {
   if(downloadURL!="") {
      window.location=downloadURL;
   }
   else {
      //you don't have a value set 
   }
   downloadURL="";
}

关于javascript - 获取标签之间的变量并附加到 URL,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41998429/

相关文章:

javascript - 在 React html 中渲染变量

javascript - 如何使用 jQuery 检测移动设备

javascript - 我有 9 个小图像,单击这些图像时,它们会在较大版本的图像中淡出。为什么在浏览器中不起作用(FF))

javascript - Jquery、PHP、显示、隐藏、Cookie

jquery - 图像在部分中未正确对齐

javascript - 当用户未选择下拉菜单中的选项时,如何提醒用户

javascript - 使用 JavaScript 翻转硬币

html - 适合整个高度的 float 元素

html - 包含无冲突的 HTML + CSS 文件

javascript - 从解析的 CSV 数组中删除重复项