Javascript 更改a的脚本数据位置(<;脚本>;内部HTML

Javascript 更改a的脚本数据位置(<;脚本>;内部HTML,javascript,jquery,html,Javascript,Jquery,Html,我想使用javascript修改一个标记。我有一个文本框来介绍一个邮政编码和一个按钮来查找该位置附近的停车场。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[]

我想使用javascript修改一个标记。我有一个文本框来介绍一个邮政编码和一个按钮来查找该位置附近的停车场。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>

我有两个问题:

  • 我是否可以修改数据位置,将文本写入文本框中以在该位置搜索
  • 只能在使用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")
    }
    
    函数find(){
    $(“script[id=script\u map]”)。删除()
    var search=document.getElementById('box_txt')。值;
    $("", {
    “src”:http://en.parkopedia.co.uk/js/embeds/mapView.js",
    “数据位置”:”http://en.parkopedia.co.uk/parking/“+搜索,
    “数据选项”:“l=0&tc=0&zc=1&country=UK&ts[]=4&ts[]=3&ts[]=2”,
    “数据大小”:“750:400”,
    “id”:“脚本映射”,
    “类型”:“文本/javascript”
    }).附于(“#divId”)
    }
    
    是的,我认为数据位置只是一个自定义属性,所以只需使用

    document.getElementById("SCRIPTTAGID").setAttribute("data-location", "newValue");
    

    在激活脚本以在按下按钮时执行时,需要将其封装在函数中,然后在按钮的onClick事件中调用该函数

    尝试修改
    脚本
    元素的
    数据位置
    ,然后在
    处将
    脚本
    元素添加到
    主体
    ,单击
    按钮
    元素的事件。也可以使用
    $.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") 
    })
    
    $(“按钮”)。单击(函数(){
    var val=$(“输入”).val();
    //只能在单击按钮时激活脚本吗
    $("", {
    “src”:http://en.parkopedia.co.uk/js/embeds/mapView.js",
    //我可以修改数据位置以在文本框中添加文本写入吗
    //在那个位置搜索?
    “数据位置”:”http://en.parkopedia.co.uk/parking/ST84JF/“+val,
    “数据选项”:“l=0&tc=0&zc=1&country=UK&ts[]=4&ts[]=3&ts[]=2”,
    “数据大小”:“750:400”,
    “类型”:“文本/javascript”
    }).附件(“正文”)
    })
    
    “我可以修改数据位置以在文本框中添加文本写入以在该位置搜索吗?”不确定是否正确解释问题的这一部分?如何修改
    数据位置
    属性?在
    数据位置
    的末尾,我想使用javascript将引入的邮政编码放在文本框中。但问题是,在HTML中加载脚本时,我不知道在单击按钮进行搜索时如何重新加载脚本。也许这样可以,但我不知道在按下按钮并更改这些属性后如何重新加载脚本。我将找到如何这样做来测试您的观点。最好的方法是将整个脚本封装到一个函数中,然后调用该函数来启动/重新启动脚本。不知道您可以在页面加载后动态附加脚本标记,并实际执行它们!然而,每天都要学习新的东西;每次更改搜索参数时都要添加脚本的新实例,而无法结束第一个实例正在进行的任何操作,这是否明智?此解决方案对我来说很好,问题是您必须控制单击次数,因为当您单击按钮一次就可以了,但如果再次单击,它会显示两个窗口,因此第一个窗口应该是removed@UKAndroid可以将
    id
    添加到
    script
    元素,在创建之前删除
    script id=“id”
    ,将新的
    script
    附加到页面我一直在搜索,我认为无法删除脚本。也许如果我把它放在一个iframe里就可以了。主要的问题是,每次我单击按钮时脚本都应该重新加载,并且您的方法可以工作,但是每次都会显示不同的窗口。