Javascript JQuery更改嵌入Src属性_Javascript_Jquery_Embed_Src

Javascript JQuery更改嵌入Src属性

javascript jquery

Javascript JQuery更改嵌入Src属性,javascript,jquery,embed,src,Javascript,Jquery,Embed,Src,更改我的src属性时遇到问题（JQuery）如果有人能指出我需要改变什么，那就太好了。非常感谢 newElement变量在此处缺失你应该改变 var newImage = "<embed scr="Image" />"; 更改src属性不起作用更新：我尝试了你的最新代码，发现了一个问题。您在src属性名中出错，您编写了scr，但它无法工作。您在var imagename=Forcast[0]['icon']+.svg]中也有一个错误，可能有错误的结束括号这是我的工作代码

更改我的

src

属性时遇到问题

（JQuery）

如果有人能指出我需要改变什么，那就太好了。非常感谢

newElement

变量在此处缺失

你应该改变

var newImage = "<embed scr="Image" />";

更改src属性不起作用

更新：

我尝试了你的最新代码，发现了一个问题。您在

src

属性名中出错，您编写了

scr

，但它无法工作。您在

var imagename=Forcast[0]['icon']+.svg]中也有一个错误，可能有错误的结束括号
这是我的工作代码：
<!DOCTYPE HTML>
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF8">
  <meta name="generator" content="HTML hackers, wwww.htmlhackers.com">
  <title>Embed object change</title>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
  <style>
    #GetWeatherIcon { 
      height:150px; width:150px; margin:30px 0 0 35px; padding:0; border:0; position:absolute;
    }
  </style>
</head>
<body>
  <script>
    $(document).ready(function() {
      $('#change_btn').click(function() {
        var imageurl = "http://upload.wikimedia.org/wikipedia/commons/e/e8/";
        var imagename = "Svg_example3.svg";
        var WeatherIcon = imageurl+imagename;
        var parent = $('embed#GetWeatherIcon').parent();
        var newImage = "<embed id=\"GetWeatherIcon\" src=\"" + WeatherIcon + "\" type=\"image/svg+xml\"/>";
        var newElement = $(newImage);

        $('embed#GetWeatherIcon').remove();
        parent.append(newElement);
      });
    });
  </script>
  <p id="change_btn">Change</p>
  <div>
    <embed id="GetWeatherIcon" src="http://upload.wikimedia.org/wikipedia/commons/c/c9/Svg_example4.svg" type="image/svg+xml" />
  </div>
</body>
</html>


嵌入对象更改
#GetWeatherIcon{
高度：150px；宽度：150px；边距：30px 0 35px；填充：0；边框：0；位置：绝对；
}
$（文档）.ready（函数（）{
$（'change_btn'）。单击（函数（）{
var imageurl=”http://upload.wikimedia.org/wikipedia/commons/e/e8/";
var imagename=“Svg\u example3.Svg”；
var WeatherIcon=imageurl+imagename；
var parent=$（'embed#GetWeatherIcon'）.parent（）；
var newImage=“”；
var newElement=$（newImage）；
$（'embed#GetWeatherIcon'）。删除（）；
parent.append（新元素）；
});
});
改变
新元素中缺少变量
你应该改变
var newImage = "<embed scr="Image" />";

更改src属性不起作用
更新：
我尝试了你的最新代码，发现了一个问题。您在src
属性名中出错，您编写了scr
，但它无法工作。您在var imagename=Forcast[0]['icon']+.svg]中也有一个错误，可能有错误的结束括号
这是我的工作代码：
<!DOCTYPE HTML>
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF8">
  <meta name="generator" content="HTML hackers, wwww.htmlhackers.com">
  <title>Embed object change</title>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
  <style>
    #GetWeatherIcon { 
      height:150px; width:150px; margin:30px 0 0 35px; padding:0; border:0; position:absolute;
    }
  </style>
</head>
<body>
  <script>
    $(document).ready(function() {
      $('#change_btn').click(function() {
        var imageurl = "http://upload.wikimedia.org/wikipedia/commons/e/e8/";
        var imagename = "Svg_example3.svg";
        var WeatherIcon = imageurl+imagename;
        var parent = $('embed#GetWeatherIcon').parent();
        var newImage = "<embed id=\"GetWeatherIcon\" src=\"" + WeatherIcon + "\" type=\"image/svg+xml\"/>";
        var newElement = $(newImage);

        $('embed#GetWeatherIcon').remove();
        parent.append(newElement);
      });
    });
  </script>
  <p id="change_btn">Change</p>
  <div>
    <embed id="GetWeatherIcon" src="http://upload.wikimedia.org/wikipedia/commons/c/c9/Svg_example4.svg" type="image/svg+xml" />
  </div>
</body>
</html>


嵌入对象更改
#GetWeatherIcon{
高度：150px；宽度：150px；边距：30px 0 35px；填充：0；边框：0；位置：绝对；
}
$（文档）.ready（函数（）{
$（'change_btn'）。单击（函数（）{
var imageurl=”http://upload.wikimedia.org/wikipedia/commons/e/e8/";
var imagename=“Svg\u example3.Svg”；
var WeatherIcon=imageurl+imagename；
var parent=$（'embed#GetWeatherIcon'）.parent（）；
var newImage=“”；
var newElement=$（newImage）；
$（'embed#GetWeatherIcon'）。删除（）；
parent.append（新元素）；
});
});
改变
我不确定，bt从html中删除src，并在源路径中给出其他名称：
var newImage = "<embed scr="new source" />";

var newImage=”“；
我不确定，bt从html中删除src，并在源路径中给出其他名称：
var newImage = "<embed scr="new source" />";

var newImage=”“；
谢谢你的回答：）但这两种方法似乎都不管用？图像仍然没有显示：/i我已更新问题，以显示您建议的新代码。我不知道我是否做错了什么，但它不起作用。你能检查一下吗？非常感谢你的更新，很抱歉回复太晚。我已经改变了一切，但我不知道你说“…在var imagename=Forcast[0]['icon']+.svg]中出错”；
，可能有错误的结束括号”是什么意思。您没有将此添加到代码中，因此我无法确定我做错了什么…对Forcast[0]['icon']+.svg]
的评估是什么？我猜想它有点像”http://www.somepage.com/img/icons/forecast.svg)“
那个么字符串末尾的括号是错误的，因为当你们在浏览器中键入这个时，你们会看到404-找不到页面错误。”。然后试试”http://www.somepage.com/img/icons/forecast.svg“
这可能行得通。哦，伙计，很抱歉浪费了你的时间：/不知什么原因，我想我需要括号来关闭/封装调用/命令，不管它是什么。然后我现在看着它，意识到我甚至连一个开口支架都没有：/我真是个木偶。非常感谢您的耐心和帮助，现在一切正常！谢谢你的回答：）但这两种方法似乎都不管用？图像仍然没有显示：/i我已更新问题，以显示您建议的新代码。我不知道我是否做错了什么，但它不起作用。你能检查一下吗？非常感谢你的更新，很抱歉回复太晚。我已经改变了一切，但我不知道你说“…在var imagename=Forcast[0]['icon']+.svg]中出错”；
，可能有错误的结束括号”是什么意思。您没有将此添加到代码中，因此我无法确定我做错了什么…对Forcast[0]['icon']+.svg]
的评估是什么？我猜想它有点像”http://www.somepage.com/img/icons/forecast.svg)“
那个么字符串末尾的括号是错误的，因为当你们在浏览器中键入这个时，你们会看到404-找不到页面错误。”。然后试试”http://www.somepage.com/img/icons/forecast.svg“
这可能行得通。哦，伙计，很抱歉浪费了你的时间：/不知什么原因，我想我需要括号来关闭/封装调用/命令，不管它是什么。然后我现在看着它，意识到我甚至连一个开口支架都没有：/我真是个木偶。非常感谢您的耐心和帮助，现在一切正常！嗨，谢谢你的回答。。请您详细说明“在源路径中提供其他名称”是什么意思。。。什么是“新源”将图像更改为任何其他名称或路径。所以我可以这样写…var newImage=“”其中WeatherIcon
=var WeatherIcon=imageurl+imagename？如果我这样做，那么我的其他函数就不起作用了，这意味着它不正确？？不..不..不..不，只有像这样的image1、image2或像/a/b/img.gif这样的文件夹路径对我想做的事情不起作用：/i从天气API获取一个jsonp文件，然后我获取天气状态值并为其分配一个图像。我不可能把它修好
$('embed#GetWeatherIcon').attr('src', Image); // NOT WORKING

<!DOCTYPE HTML>
<html>
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF8">
  <meta name="generator" content="HTML hackers, wwww.htmlhackers.com">
  <title>Embed object change</title>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
  <style>
    #GetWeatherIcon { 
      height:150px; width:150px; margin:30px 0 0 35px; padding:0; border:0; position:absolute;
    }
  </style>
</head>
<body>
  <script>
    $(document).ready(function() {
      $('#change_btn').click(function() {
        var imageurl = "http://upload.wikimedia.org/wikipedia/commons/e/e8/";
        var imagename = "Svg_example3.svg";
        var WeatherIcon = imageurl+imagename;
        var parent = $('embed#GetWeatherIcon').parent();
        var newImage = "<embed id=\"GetWeatherIcon\" src=\"" + WeatherIcon + "\" type=\"image/svg+xml\"/>";
        var newElement = $(newImage);

        $('embed#GetWeatherIcon').remove();
        parent.append(newElement);
      });
    });
  </script>
  <p id="change_btn">Change</p>
  <div>
    <embed id="GetWeatherIcon" src="http://upload.wikimedia.org/wikipedia/commons/c/c9/Svg_example4.svg" type="image/svg+xml" />
  </div>
</body>
</html>

var newImage = "<embed scr="new source" />";