1

这是我拥有的 javascript 和 html 代码。

function convertinput() {
    document.getElementById('first').value
    var string = document.getElementById('first').value
    var newString = "@@[0:1: " + string + "]]"
    document.getElementById('output').value = newString
}

​</p> 

<input id="first"></input>
<br>
<input id="output"></input>
<br>
<input type='button' onclick='convertinput()' value='convert'>
​

jsfiddle 中的代码编辑器是http://jsfiddle.net/FEC7S/3/

我希望此代码显示在我的博客文章中，因为它在这里 http://www.trickiezone.com/2012/10/facebook-blue-text-generator-by.html

如果我通过 jsfiddle 或 tinkerbin 将它嵌入到我的博客中，整个网页就会显示出来。我只需要将结果显示在我的博客文章中。
怎么做？

4

2 回答 2

1

我在我的博客中添加了工作演示：

由 miliodiguine 签署

去做：

1) 登录您的博客。

2）添加新帖子

3）粘贴此代码

<div dir="ltr" style="text-align: left;" trbidi="on">
<br />
<script language="javascript" type="text/javascript">
function convertinput() {
    document.getElementById('first').value
    var string = document.getElementById('first').value
    var newString = "@@[0:1: " + string + "]]"
    document.getElementById('output').value = newString
}
</script>

<input id="first"></input>
<br>
 <input id="output"></input>
<br>
<input type='button' onclick='convertinput()' value='convert'>
</div>
于 2012-10-29T13:44:15.610 回答
0

您可以使用您的 id 在 css 中设置显示属性...

function convertinput() {
    document.getElementById('output').value = "@@[0:1: " + document.getElementById('first').value + "]]";
   document.getElementById('output').style.display = 'block';
}



<input id="first"></input>
<br>
<input id="output" style="display:none;"></input>
<br>
<input type='button' onclick='convertinput()' value='convert'>

http://jsfiddle.net/FEC7S/7/

于 2012-10-29T13:28:23.993 回答