Javascript 更改a的脚本数据位置(<;脚本>;内部HTML
我想使用javascript修改一个标记。我有一个文本框来介绍一个邮政编码和一个按钮来查找该位置附近的停车场。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[]
<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>
我有两个问题:
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里就可以了。主要的问题是,每次我单击按钮时脚本都应该重新加载,并且您的方法可以工作,但是每次都会显示不同的窗口。