js代码:
<script type="text/javascript">
var textValue=1;
window.onload = function()
{
var html=document.body.innerHTML;
document.body.innerHTML=html.replace(/value="?javascript:(\w+)"?/ig,
function(s,s1){return 'value="'+window[s1] +'"'});
$("#add").click(function(){
document.getElementByIdx_x_x_x("amount").value=++textValue;
});
$("#lose").click(function(){
if(document.getElementByIdx_x_x("amount").value>1)
document.getElementByIdx_x_x("amount").value=--textValue;
});
var textValue=1;
window.onload = function()
{
</script>
html代码:
<div
style="height: 30px; width: 100%; border-top: 1px solid #E0E4E0; border-bottom: 2px solid #E0E4E0">
<table style="width: 100%">
<tr>
<td>数量:
<button
id="lose"
style="width: 25px; height: 25px; background-color: #F79D2D">-</button>
<input id="amount"type="text" value="javascript:textValue" style="width: 30px; color: red" />
<button
id="add"
style="width: 25px; height: 25px; background-color: #F79D2D">+</button>
</td>
<td style="padding-right: 5px; width: 30%;">
<div>
<span style="float: right; color: red"><strong>¥</strong>:66666</span>
</div>
</td>
</tr>
</table>
</div>
效果
加个初始化函数,在文档下载完成后,把html代码中的js变量标志替换成js变量的值