タグ付けされた質問 「src」

9
プログラムでimgタグのソースを変更する
JavaScriptを使用しsrcてimgタグの属性を変更するにはどうすればよいですか? <img src="../template/edit.png" name=edit-save/> 最初は「../template/edit.png」というデフォルトのsrcがあり、「../ 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()内に挿入してみましたが、機能しますが、画像を2回クリックする必要があります var edit_save = document.getElementById("edit-save"); edit_save.onclick = function(){ this.src = "../template/save.png"; }
242 javascript  html  image  src 

13
document.writeを含む可能性があるsrcを使用してスクリプトタグを動的に追加する
スクリプトタグを動的にWebページに含めたいのですが、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を動的に追加できる他の方法はありますか? 私が試したことのjsfiddle


10
JavaScriptセットimg src
おそらく私は単純なものを見逃しているかもしれませんが、あなたが読んだものがすべてうまくいかない場合、それはかなり迷惑です。動的に生成されたページの過程で何度も複製される可能性のある画像があります。したがって、当然のことは、プリロードして、その1つの変数を常にソースとして使用することです。 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]
95 javascript  image  src 

8
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')" …
94 javascript  iframe  src 
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.