我正在从我的工作计算机上运行一个简单的网页。绝大多数网站在我的工作计算机上被阻止,所以我希望能够使用HTML + CSS + Javascript的简单组合完成此任务。如何在HTML中创建表格网页的简单表单?
这个想法是,用户为他感兴趣的考试选择多个复选框,然后他点击“生成工作表”按钮,该工具栏将打开一个单独的选项卡,该选项卡仅显示所选考试的休息时间表。
我已经开始研究代码的基础知识,但是我不断收到一些使我无法继续前进的错误。
谷歌Chrome浏览器的控制台调试器给了我以下错误:
未捕获的SyntaxError:无效的或意外的标记(forAcey.html:59)
未捕获的ReferenceError:检查在HTMLButtonElement.onclick没有定义 ( forAcey.html:33)
单击“生成工作表”按钮时显示第二个错误。
你能帮我们弄清楚我的错误在哪里以及如何纠正它们?
此外,您是否有任何改进我的代码的提示?
我附上了我的代码片段。
\t
Break Schedules\t
\t
\t \t
\t
\t
\t \t
\t
Break Schedules
\t
\t
\t \t
\t \t \t Date:
\t \t \t
\t \t
\t \t
\t \t
Check off the exams you need.
\t \t
\t \t
\t \t \t
\t \t \t \t exam1
\t \t \t \t exam2
\t \t \t \t exam3
\t \t \t
\t\t \t
\t \t
\t \t Generate Sheet
 
\t \t Reset Form
\t
\t
\t
\t \t $(document).keydown(function(e){
\t \t \t if (e.keyCode == 13) {
\t \t \t \t Checks();
\t \t \t return false;
\t \t \t }
\t \t });
\t \t
\t \t function Checks(){ \t \t \t
\t \t
\t \t var x = document.getElementById("DateForm");
\t \t var The_Date = "";
\t \t var i;
\t \t for (i = 0; i < x.length ;i++) {
\t \t \t The_Date += x.elements[i].value + "
";
\t \t }
\t }
\t var checkexam1=document.getElementById("exam1").checked;
\t var checkexam2=document.getElementById("exam2").checked;
\t var checkexam3=document.getElementById("exam3").checked;
\t
\t final_string="
"+The_Date+"
\t
\t if (exam1==true){
final_string+="
exam1this is the break schedule for exam1";}
\t if (exam2==true){
final_string+="
STEP 1-2-3this is the break schedule for exam2";}
\t if (exam3==true){
final_string+="
PMIthis is the break schedule for exam3";}
\t
\t final_string+=""
var new_page=window.open('','name');
new_page.document.write(final_string);
new_page.document.close();
\t
\t
2017-07-28
Acey
+0
很快,我看到你有多行字符串,这是不允许在JavaScript(事实上,它是允许的,但你必须使用反向和IE浏览器的兼容性问题)。 –
+0
我该如何使用反引号来编写该代码? –
+0
«'... ...'»检查此链接https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Template_literals –
本文探讨了如何使用HTML和JavaScript创建一个简单的表单,该表单允许用户选择感兴趣的考试并通过点击按钮打开新的标签页展示休息时间表。文中详细讨论了遇到的错误及其解决方法,并提供了关于代码改进的建议。

527

被折叠的 条评论
为什么被折叠?



