Question

我想将this calculator添加到我的网站html中。我应该用什么代码写入我的HTML？没有额外的JavaScript和CSS，我可以这样做吗？提前致谢

Answer 1

有几种方法可以做到，但这是两个最佳选择：

使用iframe - 您不需要额外的javascript代码，但是当计算器位于空白页面的中间时，您必须摆弄css和定位。正如LearningPhase所说，使用<iframe src="http://www.superskinnyme.com/bf.html"></iframe> +样式。
复制并粘贴包含计算器的HTML块（表格），并复制javascript代码。您可以通过＆＃34;查看页面来源＆＃34;：

Javascript：

<script type="text/javascript" src="http://www.superskinnyme.com/js/fatcalc.js"></script>。

表：

<table width="480px" border="0" cellspacing="0" cellpadding="0" background="http://www.superskinnyme.com/blog/wp-content/themes/repro/images/bg1.jpg" align="left">
  <tbody><tr>
    <td align="left"><form>
      <table width="490" align="left" border="0" cellpadding="5" cellspacing="2" bgcolor="#F8FDFF" class="wp" background="http://www.superskinnyme.com/blog/wp-content/themes/repro/images/bg1.jpg">
        <tbody><tr>
          <td align="right" class="style4">Gender&nbsp;</td>
          <td><label for="s1">
            <input type="radio" id="s1" name="s" value="m" onclick="sex(this.form)">
            <span class="wp">            Male</span></label>
              <span class="wp">
              <label for="s2">              </label>
              </span>
              <label for="s2">
              <input type="radio" id="s2" name="s" value="f" onclick="sex(this.form)">
              <span class="wp">Female</span></label></td>
        </tr>
        <tr>
          <td align="right" class="wp"><strong>Preferred measurement&nbsp;</strong></td>
          <td><label for="d1">
            <input type="radio" id="d1" name="d" value="1">
            <span class="wp">Centimetres</span></label>
              <label for="d2">
              <input type="radio" id="d2" name="d" value="2.54">
              <span class="wp">Inches</span></label>
              <span class="wp">
              <label for="d2"></label>
              <label for="d2"> </label>
              </span>
              <label for="d2"></label></td>
        </tr>
        <tr>
          <td><div align="right" class="wp"><strong>Height&nbsp;</strong></div></td>
          <td><input type="text" id="h" name="h" size="6" class="calcbox"></td>
        </tr>
        <tr>
          <td align="right" class="wp"><strong>Neck&nbsp;</strong></td>
          <td><input type="text" id="n" name="n" size="6" class="calcbox"></td>
        </tr>
        <tr>
          <td align="right"><strong class="wp">Waist</strong>&nbsp;</td>
          <td><input type="text" id="w" name="w" size="6" class="calcbox"></td>
        </tr>
        <tr>
          <td align="right" class="wp"><strong>Hips</strong>&nbsp;</td>
          <td><input type="text" id="r" name="r" size="6" disabled="disabled" class="calcbox"></td>
        </tr>
        <tr>
          <td colspan="2" align="center"><input type="button" value="Calculate" onclick="calc(this.form);return false;" name="button2" class="calcbutton" style="font-size:12px;font-family:Verdana, Arial, Helvetica, sans-serif;font-weight: bold;color:#305996;vertical-align:middle">
                <input type="reset" value="Reset" onclick="clearForm(this.form)" class="calcbuttons" style="font-size:12px;font-family:Verdana, Arial, Helvetica, sans-serif;font-weight: bold;color:#305996; vertical-align:middle"></td>
          </tr>
        <tr>
          <td height="19" colspan="2" align="center" class="bigbold">&nbsp;</td>
        </tr>
        <tr>
          <td height="19" colspan="2" bgcolor="#DDDDDD" id="mus"><div align="center"><span class="smallw">RESULT</span></div></td>
        </tr>
        <tr>
          <td align="right"><strong>BODY FAT </strong></td>
          <td><input type="text" id="f" name="f" size="6" readonly="readonly" class="calcboxa"></td>
        </tr>
      </tbody></table>
    </form></td>
  </tr>
</tbody></table>

将其他网站的计算器添加到我的网站

1 个答案: