标签: src
以编程方式更改img标记的src
如何使用javascript 更改标记的src属性img？
<img src="../template/edit.png" name=edit-save/>
起初我有一个默认的src是"../template/edit.png",我想用"../template/save.png"onclick更改它.
更新:这是我的html onclick:
<a href='#' onclick='edit()'><img src="../template/edit.png" id="edit-save"/></a>
和我的JS
function edit()
{
var inputs = document.myform;
for(var i = 0; i < inputs.length; i++) {
inputs[i].disabled = false;
}
}
我已经尝试在edit()中插入它,它可以工作,但需要单击图像两次
var edit_save = document.getElementById("edit-save");
edit_save.onclick = function(){
this.src = "../template/save.png";
}
推荐指数
解决办法
查看次数
使用可能包含document.write的src动态添加脚本标记
我想动态地在网页中包含一个脚本标签但是我无法控制它的src所以src ="source.js"可能看起来像这样.
document.write('<script type="text/javascript">')
document.write('alert("hello world")')
document.write('</script>')
document.write('<p>goodbye world</p>')
现在通常放
<script type="text/javascript" src="source.js"></script>
在头部工作正常但是有没有其他方法我可以使用像innerHTML这样的东西动态添加source.js？
推荐指数
解决办法
查看次数
Javascript设置img src
我可能错过了一些简单的东西,但是当你读到的所有内容都不起作用时,它会非常烦人.我有可能在动态生成的页面过程中多次复制的图像.因此,显而易见的事情是预加载它并始终使用该变量作为源.
var searchPic;
function LoadImages() {
searchPic = new Image(100,100);
searchPic.src = "XXXX/YYYY/search.png";
// This is correct and the path is correct
}
然后我使用设置图像
document["pic1"].src = searchPic;
要么
$("#pic1").attr("src", searchPic);
然而,像永远不会正确设置在Firebug当我查询图像,我得到[object HTMLImageElement]的src图像的
在IE中我得到:
http://localhost:8080/work/Sandbox/jpmetrix/[object]
推荐指数
解决办法
查看次数
使用Javascript更改iframe src
当有人点击单选按钮时,我正在尝试更改iframe src.由于某种原因,我的代码无法正常工作,我无法弄清楚原因.这是我有的:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<title>Untitled 1</title>
<script>
function go(loc) {
document.getElementById('calendar').src = loc;
}
</script>
</head>
<body>
<iframe id="calendar" src="about:blank" width="1000" height="450" frameborder="0" scrolling="no"></iframe>
<form method="post">
<input name="calendarSelection" type="radio" onselect="go('http://calendar.zoho.com/embed/9a6054c98fd2ad4047021cff76fee38773c34a35234fa42d426b9510864356a68cabcad57cbbb1a0?title=Kevin_Calendar&type=1&l=en&tz=America/Los_Angeles&sh=[0,0]&v=1')" />Day
<input name="calendarSelection" type="radio" onselect="go('http://calendar.zoho.com/embed/9a6054c98fd2ad4047021cff76fee38773c34a35234fa42d426b9510864356a68cabcad57cbbb1a0?title=Kevin_Calendar&type=1&l=en&tz=America/Los_Angeles&sh=[0,0]&v=1')" />Week
<input name="calendarSelection" type="radio" onselect="go('http://calendar.zoho.com/embed/9a6054c98fd2ad4047021cff76fee38773c34a35234fa42d426b9510864356a68cabcad57cbbb1a0?title=Kevin_Calendar&type=1&l=en&tz=America/Los_Angeles&sh=[0,0]&v=1')" />Month
</form>
</body>
</html>推荐指数
解决办法
查看次数
为什么我不能<img rel="nofollow noreferrer" src ="C:/localfile.jpg">？
如果html文件是本地的(在我的C驱动器上),它可以工作,但如果html文件在服务器上并且图像文件是本地的,则不行.这是为什么？
任何可能的解决方法？
推荐指数
解决办法
查看次数
src和ImageView的背景有什么区别
我对使用src或背景有点困惑ImageView.我知道前者意味着这个的内容ImageView而后者意味着背景ImageView.但是如何检测使用哪一个？我没有看到差异.
推荐指数
解决办法
查看次数
在html中旋转图像源中的图像
有没有办法可以添加可以旋转图像的图像代码来源？
像这样的东西:
<img id="image_canv" src="/image.png" rotate="90">
我正在使我的图像变得动态,所以我想知道如果我想要它可以附加一些额外的代码来旋转它.
推荐指数
解决办法
查看次数
HTML - 从子文件夹中选择根文件夹的图像
让我们说以下是我网站的DIR结构
现在在index.html我可以简单地参考图像
<img src="./images/logo.png">
但是如果我想sub.html在src中引用相同的图像呢？
推荐指数
解决办法
查看次数
Angular 4 Img src无效
我在角度4的图像src有问题.它一直告诉我没有找到图像.
文件夹结构: 这里
我在mycomponent中使用图像.如果在我的组件中我直接插入
<img src="img/myimage.png"
它工作正常,但我检查了HTML,它创建了一个哈希.但我的图像必须以动态方式添加到html中,因为它们是列表的一部分.所以,如果我使用:
<img src="{{imagePath}}">
这基本上是"img/myimage.png"它不起作用.如果我使用
<img [src]="imagePath">
它说NOT FOUND(htttps://localhost/img/myimage.png).你能帮助我吗？
推荐指数
解决办法
查看次数
如何获取当前正在执行的javascript代码的文件路径
我正在尝试做一些类似C #include "filename.c"或PHP的东西,include(dirname(__FILE__)."filename.php")但是在javascript中.我知道我可以这样做,如果我可以从URL加载一个js文件(例如标签的src属性中给出的URL).有什么方法可以让javascript知道吗？
或者,是否有任何好方法从同一个域动态加载JavaScript(不知道具体的域)？例如,假设我们有两个相同的服务器(QA和生产),但它们显然具有不同的URL域.有没有办法做一些像include("myLib.js");myLib.js将从加载它的文件的域加载？
对不起,如果那有点令人困惑.
推荐指数
解决办法
查看次数
标签 统计
src ×10
javascript ×6
html ×4
image ×4
android ×1
angular ×1
background ×1
directory ×1
filesystems ×1
html5 ×1
iframe ×1
imageview ×1
include ×1
reference ×1
rotation ×1
subdirectory ×1