DevTools调试工具基本使用教程------1

如来佛祖

DevTools是浏览器自带的调试工具，只需要在任意网页中按下F12按键，即可打开DevTools打开DevTools后，默认打开Element(元素)菜单，我们调试程序亲需要切换到Console(控制台)菜单
我们先来测试一下以下这段代码的异常所在:ourputwarn = function(warn){
  console.warn(warn)；
}
outputwarn("这是一个警告消息");
运行上述代码后，控制台提示：Uncaught SyntaxError: Invalid or unexpected token      VM??:2
点击右侧的VM??:2，自动跳转到Scoures(源代码)菜单
我们可以看到黄框的“；”下有红色波浪线，这里就是错误所在。
我们再来测试一下这段代码:
outputwarn = function(warn{
  console.warn(warn);
}
outputwarn("这是一个警告消息");
运行上述代码后，控制台提示：Uncaught SyntaxError: Unexpected token '{'      VM??:2
点击右侧的VM??:1，自动跳转到Scoures(源代码)菜单
我们可以看到黄框的“{”下有红色波浪线，这里就是错误所在。

练习题：
这段代码会在控制台中输出什么内容？
代码：
Javascript:
var databackup = null;
edithtml = function(tagid,htmldata){
  databakckup = document.getElementById(tagid).innerHTML;
  document.getElementById(tagid).innerHTML = htmldata;
}
edithtml("test","<font>测试</font>");
HTML:
<font id="test-">test</font>
请在本帖回复答案

提醒：我已设置回复仅我可见