这是我的代码:
extends layout
block content
h1= title
div(id="rename", class="Name", onload='name("rename", "editor")')
form(id = "filename", method ="post")
input(id="new_name", type ="text", placeholder="File Name")
input(id="Okay", type="submit", value="Okay")
div(id="editor")
|Welcome to the home pages
|This is the first Paragraph
script(src="javascripts/ace.js", type="text/javascript")
script.
var editor=ace.edit("editor")
script(src="/jvm.js", type="text/javascript")
script.
function name(id, id2){
document.getElementById(id).style.display = 'block';
document.getElementById(id2).style.display = 'none';
//document.getElementById(id3).style.display = 'none';
}
当我在网上运行时,我的javascript函数没有被调用。我似乎无法弄清楚为什么,但我认为它与语法有关。我在调用函数时,我认为我没有使用正确的引号。
以下是我在网络浏览器上检查元素时的样子。
答案 0 :(得分:1)
您需要在onload
上设置<body>
属性,而不是任何其他标记。 或你可以在页面上添加一段javascript来做同样的事情:
window.onload = function() { name("rename", "editor"); });