在JsFiddle中打印Var

2020/10/18 04:21 · javascript ·  · 0评论

如何从JavaScript将某些内容打印到JsFiddle的结果屏幕中。我不能使用document.write(),也不允许print

我应该使用什么?

为了能够console.log()在JSFiddle中查看输出,请转到左侧面板上的外部资源,并为Firebug添加以下链接:

https://getfirebug.com/firebug-lite-debug.js

添加firebug-lite-debug.js后的结果示例

我为此有一个模板; 这是我使用的代码:

的HTML

<pre id="output"></pre>

的JavaScript

function out()
{
    var args = Array.prototype.slice.call(arguments, 0);
    document.getElementById('output').innerHTML += args.join(" ") + "\n";
}

样本使用(JavaScript)

out("Hello world!");
out("Your lottery numbers are:", Math.random(), 999, Math.PI);
out("Today is", new Date());

尝试:

document.getElementById('element').innerHTML = ...;

小提琴:http : //jsfiddle.net/HKhw8/

可能不会做您所做的事情,但是您可以键入

console.log(string)

它将字符串打印到浏览器的控制台中在Chrome浏览器中,按CTRL+ SHIFT+J打开控制台。

您可以执行此操作---> http://jsfiddle.net/chY5y/

$('body').append(yourVariable); 

现在,jsfiddle可以从头开始。只需转到Javascrpt->框架和扩展-> Jquery(edge)并选中Firebug lite复选框

document.body.innerHTML =“您的数据”;

使用ES6的技巧可能是

function say(...args)
{ 
    document.querySelector('#out').innerHTML += args.join("</br>");
}
say("hi","john");

仅添加

 <span id="out"></span>

在HTML中

这是一种替代方法:http : //jsfiddle.net/skibulk/erh7m9og/1/

document.write = function (str) {
    document.body.insertAdjacentHTML("beforeend", str);
}

document.write("¡hola mundo");

只是添加一些可能对某些人有用的东西。

如果添加了如上所示的调试器控制台,则可以通过执行以下操作来访问作用域:

作用域= angular.element(document.querySelector('[ng-controller = MyCtrl]'))。scope();

我发现直接检查范围比console.log,alert()等容易。

如果您使用的是JSfiddle,则可以使用以下库:https : //github.com/IonicaBizau/console.js

将lib的rawgit添加到您的jsfiddle资源中:
https://cdn.rawgit.com/IonicaBizau/console.js/0ee8fcc4ea802247c5a7a8e3c6530ede8ade308b/lib/console.min.js

然后,您可以将其添加到HTML中:
<pre class="console"></pre>

在JS中初始化控制台:
ConsoleJS.init({selector: "pre.console"});

使用示例:在jsfiddle查看

ConsoleJS.init({selector: "pre.console"});

let b;

console.log('hello world');
console.log([{'a':10,'b':44}]);
console.log(typeof [1,2,3,4]);
console.log(50 +67);
console.log(b);

使用alert()功能:

alert(variable name);
alert("Hello World");
本文地址:http://javascript.askforanswer.com/zaijsfiddlezhongdayinvar.html
文章标签: ,  
版权声明:本文为原创文章,版权归 javascript 所有,欢迎分享本文,转载请保留出处!

文件下载

老薛主机终身7折优惠码boke112

上一篇:
下一篇:

评论已关闭!