【问题标题】:php echo() function in jquery/javascript?jquery/javascript 中的 php echo() 函数?
【发布时间】:2011-11-17 13:56:42
【问题描述】:

是否有与PHP echo() 相同的 jquery/javascript 函数?

【问题讨论】:

  • 定义什么是“相同”。写入控制台?写入当前文档?在屏幕上显示消息?
  • 首先,echo 不是函数(它是language construct),您可能正在寻找document.write('Hello World');
  • 如果你使用echo调试,也许console.debug就是你需要的。如果这是您真正想要的,我建议您研究 firebug。

标签: php javascript jquery echo


【解决方案1】:

我想最接近的是 document.write(),因为它是原生 javascript。

但是在DOM中写入/修改文本的方法有很多,比如innerHtml()innerText()outerHtml(),还有jQuery的html()text()

【讨论】:

  • 虽然我不会调用 document.write 原生 JS - document 根据定义使用 DOM,即使您随后所做的是要写入的流文本。另请注意,innerHtml 和 outerHtml 不是方法,而是常规 DOM 上的属性(即使后者是 jQuery 中的方法)。
【解决方案2】:

你可以使用

document.write(stringToWrite);

document.writeln(stringToWrite).

【讨论】:

    【解决方案3】:
    // This is what you are looking for
    document.write('Hello world');
    document.getElementById('mydiv').write('Hello world');
    
    // jQuery
    $(body).append('Hello world');
    $('#mydiv').append('Hello world');
    

    【讨论】:

      【解决方案4】:

      我想你正在寻找:

      document.write( ... );
      

      【讨论】:

        【解决方案5】:
        document.write("text"); \\javascript syntax.
        

        使用 jquery 时,您可以在任何元素 obj 下查看文本。

         $("#mydiv").append($("#myElement").val());
        

        【讨论】:

          【解决方案6】:

          如果您想编辑元素的内容,请使用html()。 您可以以不同的方式操作 DOM。检查docs

          【讨论】:

            【解决方案7】:

            我知道有这么简单的方法可以绕过它,我们可以简单地使用 document.write 方法。但是该默认方法的缺点是它只是将传递给该方法的字符串直接附加到正文中。

            如果我们想要附加特定的标签,我们可以使用我在下面制作的函数。函数名称是 printThis(),它接受三个参数 text、className、idName。 text 是我们要附加到文档的文本,className 和 idName 是我们要设置的类的名称和 id。

            function printThis (text,className,idName){
            
            var p = document.createElement('p')
            
            var t = document.createTextNode(text);
            
            
            setAttribute = function (el, attrs) {
              for(var key in attrs) {
                el.setAttribute(key, attrs[key]);
              }
            }
            setAttribute(p,{class:className,id:idName})
            
            p.appendChild(t)
            
            document.body.appendChild(p)
            }
            
            printThis('This is a new Paragraph','newClass','newId')

            【讨论】:

              猜你喜欢
              • 1970-01-01
              • 2021-10-01
              • 1970-01-01
              • 1970-01-01
              • 1970-01-01
              • 2013-11-23
              • 1970-01-01
              • 1970-01-01
              • 1970-01-01
              相关资源
              最近更新 更多