javascript - 更改 HTML 中 <script> 的脚本数据位置

Question

我想使用 javascript 修改一个标签。我有一个文本框来介绍邮政编码和一个按钮来查找该位置附近的 parking 场。 HTML 标记如下:

<script src="http://en.parkopedia.co.uk/js/embeds/mapView.js" data-Location="http://en.parkopedia.co.uk/parking/ST84JF/" data-options="l=0&tc=0&zc=1&country=UK&ts[]=4&ts[]=3&ts[]=2" data-size="750:400" type="text/javascript"></script>

我有两个问题:

1. 我可以修改数据位置以添加在文本框中写入的文本以在该位置进行搜索吗？
2. 我能否仅在使用 javascript 或 jquery 单击按钮时激活脚本？这里的主要问题是 应该在 HTML 代码中，但我不知道如何将它放入 javascript 文件中。

代码更新:

function find(){
    $("script[id=script_map]").remove()
    var search = document.getElementById('box_txt').value ;
    $("<script />", {
        "src":"http://en.parkopedia.co.uk/js/embeds/mapView.js",
        "data-location":"http://en.parkopedia.co.uk/parking/" + search,
        "data-options":"l=0&tc=0&zc=1&country=UK&ts[]=4&ts[]=3&ts[]=2",
        "data-size":"750:400",
        "id":"script_map",
        "type":"text/javascript"
    }).appendTo("#divId")
}

Answer 1

尝试修改 script 元素的 data-location，然后在 click 处将 script 元素附加到 body button 元素的事件。也可以使用 $.getScript() 从外部源检索 script

$("button").click(function() {
  var val = $("input").val();
  // Can I activate the script only when the button is clicked
  $("<script />", {
    "src":"http://en.parkopedia.co.uk/js/embeds/mapView.js",
    // Can I modify the data-location to add the text write inside the textbox
    // to search in that location?
    "data-location":"http://en.parkopedia.co.uk/parking/ST84JF/" + val,
    "data-options":"l=0&tc=0&zc=1&country=UK&ts[]=4&ts[]=3&ts[]=2",
    "data-size":"750:400",
    "type":"text/javascript"
  }).appendTo("body") 
})