Gedit 接受 JavaScript 吗?

BJs*_*ife 1 gedit javascript

我有一个关于 Gedit 的问题。我正在尝试学习 JavaScript。我去了http://www.w3schools.com/js/并尝试了日期和时间示例。

日期和时间示例代码:
来源:http : //www.w3schools.com/js/tryit.asp? filename= tryjs_myfirst

<!DOCTYPE html>
<html>
<body>

<h1>My First JavaScript</h1>

<button type="button"
onclick="document.getElementById('demo').innerHTML = Date()">
Click me to display Date and Time.</button>

<p id="demo"></p>

</body>
</html> 
Run Code Online (Sandbox Code Playgroud)

过了一会儿,我将脚本复制并粘贴到 Gedit 中,发现它不像在 W3Schools 网站上那样工作。我可以在浏览器中看到一些东西,但是当我点击按钮时它什么也不做。这是我看到的截图:

JavaScript

弹出窗口拦截器关闭了,我不知道还能做什么。是否有一些插件可以用来改变这一点?我不需要任何花哨的东西,我真的很喜欢 Gedit,我只想能够将它用于我所有的编码需求。到目前为止,我所学的只是 HTML 和 CSS。

小智 14

来自评论:

没有按钮在那里,但它没有功能。在网站上,它会在点击时提供日期和时间。但是当我将它复制到 gedit 时它什么也没做。

Gedit 是一个文本编辑器。它可以编辑文本(和源代码等)。要运行代码,请将其保存为.html(例如 as datetime.html),因为这是 HTML 代码。

然后双击生成的 HTML 文件以在您选择的浏览器(Firefox、Chromium、Chrome 等)中打开(并因此运行)它。

至于为什么:

在网站上,它会在点击时提供日期和时间。

假设你是这个意思, http://i.imgur.com/HZ2x975.png

这是因为截图中的东西不是编辑器。这就是结果

如果您想要一个也提供结果作为预览的编辑器,请尝试Atom(可能还有其他的)。在其中写入 HTML 并按Ctrl+ Shift+ M


the*_*fog 5

你需要

  • 然后将脚本复制到 gedit 中
  • 将代码保存为文件,然后
  • 在浏览器中加载文件,

Ctrl + o是直接从浏览器打开文件的快捷方式。
注意:出于安全原因,浏览器有时不允许从本地文件直接执行 javascript。因为浏览器希望它应该由网络服务器提供服务。