这是html视图的pug文件。
我正在尝试将所有h1元素放入表单中,但由于找不到不同的语法错误,所以找不到方法。
现在正在使用此.pug
doctype html
html
head
meta(charset='utf-8')
meta(name='viewport', content='width=device-width, initial-scale=1, shrink-to-fit=no')
link(href='https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css', rel='stylesheet')
title Your first page
body
form
h1(id='firstnumber') res
h1(id='plus') +
h1(id='secondnumber') res
h1(id='equal') =
h1(id='result') res
script(src='https://code.jquery.com/jquery-3.3.1.min.js')
script(src='https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js')
script(src='https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js')
script(type='text/javascript') console.log("hello"); var x=3; var y=2; var res=x+y; document.getElementById("firstnumber").innerHTML=x; document.getElementById("secondnumber").innerHTML=y; document.getElementById("result").innerHTML=res;
但是h1元素不在表单中。
我也尝试过这个:´
doctype html
html
head
meta(charset='utf-8')
meta(name='viewport', content='width=device-width, initial-scale=1, shrink-to-fit=no')
link(href='https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css', rel='stylesheet')
title Your first page
body
form
h1(id='firstnumber') res
h1(id='plus') +
h1(id='secondnumber') res
h1(id='equal') =
h1(id='result') res
script(src='https://code.jquery.com/jquery-3.3.1.min.js')
script(src='https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js')
script(src='https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js')
script(type='text/javascript') console.log("hello"); var x=3; var y=2; var res=x+y; document.getElementById("firstnumber").innerHTML=x; document.getElementById("secondnumber").innerHTML=y; document.getElementById("result").innerHTML=res;
我认为这是正确的方法,但是我正在获取此语法错误
我正在使用记事本++。
答案 0 :(得分:0)
第二段代码的语法似乎不错。 一些文本编辑器对选项卡空格的处理方式有所不同。 PUG编译器希望您在使用这些字符,使用空格或使用制表符时保持一致。
要在Notepad ++中设置正确的选项以仅使用空格,请查看以下内容:Convert tabs to spaces in Notepad++