javascript 未在浏览器中执行

Posted

技术标签:

【中文标题】javascript 未在浏览器中执行【英文标题】:javascript is not executing in browser 【发布时间】:2018-07-24 21:29:07 【问题描述】:

我想在浏览器中运行一个 javascript 文件,为此,我创建了一个 index.html 文件

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title>javascript</title>
    <script src="recamans.js" type="text/javascript">
    </script>
  </head>
  <body>
  </body>
</html>

并如上所示链接我的 javascript 文件。我包含的 javascript 文件是

let count = 1;
let sequence = [];
let numbers = [];
let index = 0;
let next;


function step() 
  let next = index - count;
  if( next < 0 || numbers[next])
    next = index + count;
  
  numbers[next] = true;
  sequence.push(next);
  index = next;
  count++;

function setup() 
  let createCanvas = (600, 400);
  numbers[next] = true;
  sequence.push(index);

  for( let i=0; i<10; i++)
    step();
  
  console.log(sequence);



setup();

但它不会在浏览器中产生任何输出。

【问题讨论】:

let createCanvas = (600, 400); 逗号运算符的目的是什么? (它可能没有按照您的想法执行)您的预期输出是什么? 可能什么都不做,因为从未使用过createCanvas 您的脚本为我在控制台上生成[ 0, 1, 3, 0, 4, 9, 15, 8, 16, 7, 17 ]。你在浏览器的控制台中寻找输出吗? 输出在浏览器控制台上,而不是你想象的浏览器页面上 numbers[next] = true; 将失败,因为nextsetup 中未定义 【参考方案1】:
console.log()

不输出到文档。你需要:

document.getElementById("myDiv").innerHTML = sequence;

示例:https://www.w3schools.com/code/tryit.asp?filename=FTLNWQF4PXQO

【讨论】:

而且他需要先在HTML body里面添加一个div【参考方案2】:

添加 document.write(sequence); 在 console.log(sequence) 之后;

【讨论】:

以上是关于javascript 未在浏览器中执行的主要内容,如果未能解决你的问题,请参考以下文章

浏览器中的 JavaScript执行机制:07 | 变量提升:JavaScript代码是按顺序执行的吗?

JavaScript异步编程 ( 一 )

JavaScript 未在 .NET WebBrowser 控件中执行

JavaScript:DOM 加载事件、执行顺序和 $(document).ready()

JavaScript:DOM 加载事件、执行顺序和 $(document).ready()

Visual Studio Code 未在 Javascript 中执行错误检查