<script type="text/javascript">
function changeText2(){
var userInput = document.getElementById('userInput').value;
var lnk = document.getElementById('lnk');
lnk.href = "https://www.facebook.com/sharer/sharer.php?u=http://facebook.com/" + userInput;
lnk.innerHTML = lnk.href;
}
</script>
<a href="" id=lnk></a> <br>
<input type='text' id='userInput' value='' /> <br>
<input type='button' onclick='changeText2()' value='Go'/>
我在某个网站上发现了该代码,我想显示一个 img 而不是 url...我是 javascript 新手
最佳答案
这样的事情应该有效:
<a href="" id="fbLink" style="display:none;">
<img src="YOUR_IMAGE_HERE.jpg"/>
</a>
<input type='text' id='userInput' value='' onchange="shLink()"/>
<script>
function shLink(){
if(document.getElementById("userInput").value!=""){
if(document.getElementById("fbLink").style.display=="none"){
document.getElementById("fbLink").style.display="";
document.getElementById("fbLink").href="https://www.facebook.com/sharer/sharer.php?u=http://facebook.com/"+document.getElementById("userInput").value;
}
}else{
document.getElementById("fbLink").style.display="";
document.getElementById("fbLink").href="";
}
}
<script>
如果您的输入中输入了值,脚本将切换链接的显示。当输入值更改时(onchange
),它将被调用。或者,您可以使用 onkeypress
每当用户在输入中键入内容时调用该函数。
关于来自输入的 JavaScript 值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15773846/