Fatal编程技术网

将jQuery翻译成javascript

javascript jquery

将jQuery翻译成javascript,javascript,jquery,Javascript,Jquery,由于jQuery不起作用，我需要将以下内容转换为直接的javascript。jQuery在此页面上不起作用，我安装了多个jQuery，但找不到它们 <script> $(function () { $('#printFrame').hide(); $('#print').click(function () { $('#printFrame').attr('src', 'print.php?max=' + $('#brS

由于jQuery不起作用，我需要将以下内容转换为直接的javascript。jQuery在此页面上不起作用，我安装了多个jQuery，但找不到它们

<script>
    $(function () {
        $('#printFrame').hide();

        $('#print').click(function () {
            $('#printFrame').attr('src', 'print.php?max=' + $('#brSt').val());
        });
    });
</script>
<body>
    <td>Number desk:</td>
    <td><input type="number" id="brSt" value="10"><td>
    <tr>
        <td></td>
        <td><input type="submit" id="print" value="Print"><td>
    </tr>
    <iframe id="printFrame"></iframe>   


$（函数（）{
$（'#printFrame'）.hide（）；
$（'#打印'）。单击（函数（）{
$（'#printFrame'）.attr（'src'，'print.php？max='+$（'#brSt'）.val（））；
});
});
电话台：
除了HTML乱七八糟之外，您还可以使用：

<html>
    <body>
        <table>
            <tr>
                <td>Number desk:</td>
                <td><input type="number" id="brSt" value="10"><td>
            </tr>
            <tr>
                <td></td>
                <td><input type="submit" id="print" value="Print" onClick="srcChange();"><td>
            </tr>
        </table>
        <iframe id="printFrame" style="display: none;"></iframe> 
    </body>
    <script>
        function srcChange() {
            var max = document.getElementById('brSt').value;
            document.getElementById('printFrame').src ="print.php?max=" + max;
        }
    </script>
</html>


电话台：
函数srcChange（）{
var max=document.getElementById（'brSt'）。值；
document.getElementById（'printFrame'）.src=“print.php？max=“+max；
}
这是一个完整的跨浏览器解决方案

(function(d){
  var frame = d.getElementById('printFrame'),
      brst = d.getElementById('brSt');
  function updateSource(e){
    frame.src = 'print.php?max=' + brst.value;
  }
  frame.style.display = 'none';
  if(d.addEventListener){
      d.getElementById('print').addEventListener('click',updateSource,'false');
    return;
  }
  if(d.attachEvent){
    d.getElementById('print').attachEvent('click',updateSource);
    return;
  }

}(document));
这是正确的html还是它的一部分？td标签在桌子外面。您的html格式不正确是的，这是部分：D，html没有格式，但工作：D如果不想使用jquery，您可以使用document.getElementById获取对象。理想情况下，我建议您删除额外的jquery库。如果你找不到它，那么删除你能找到的那一个，你的代码应该可以正常工作。我投票把这个问题作为离题题来结束，因为它要求重构代码，不太可能帮助未来的访问者。别忘了翻译
$（'#brSt'）.val（）
。）我不确定这是否完全正确，是吗？在当前代码中，打印框是否保持隐藏状态？ 
(function(d){
  var frame = d.getElementById('printFrame'),
      brst = d.getElementById('brSt');
  function updateSource(e){
    frame.src = 'print.php?max=' + brst.value;
  }
  frame.style.display = 'none';
  if(d.addEventListener){
      d.getElementById('print').addEventListener('click',updateSource,'false');
    return;
  }
  if(d.attachEvent){
    d.getElementById('print').attachEvent('click',updateSource);
    return;
  }

}(document));