Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/422.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使用window-onload函数使所有javascript外部化?_Javascript - Fatal编程技术网

如何使用window-onload函数使所有javascript外部化?

如何使用window-onload函数使所有javascript外部化?,javascript,Javascript,我正在尝试将所有JavaScript都外部化,包括单击提交按钮,我有一个注释掉的窗口。onload函数无法使用。当我从提交输入中删除onclick=“checkInput();”并取消脚本中窗口的注释。onload事件时,我的表单无法工作 除了不熟悉JavaScript之外,有人能解释一下我做错了什么吗?我已经包括了一个工作片段,只是不是外部的,谢谢你的指导 /*---------------------------------------------- HTML div exactCente

我正在尝试将所有JavaScript都外部化,包括单击提交按钮,我有一个注释掉的
窗口。onload
函数无法使用。当我从提交输入中删除
onclick=“checkInput();”
并取消脚本中
窗口的注释。onload
事件时,我的表单无法工作

除了不熟悉JavaScript之外,有人能解释一下我做错了什么吗?我已经包括了一个工作片段,只是不是外部的,谢谢你的指导

/*----------------------------------------------
HTML div exactCenter的css设置
------------------------------------------------*/
@导入url(http://fonts.googleapis.com/css?family=Raleway);
#主要{
宽度:960px;
保证金:50px自动;
字体系列:雷威;
}
跨度{
颜色:黑色;
字体大小:粗体;
}
氢{
背景色:白色;
文本对齐:居中;
边界半径:10px 10px 0;
利润率:-10px-40px;
填充:30px;
}
人力资源{
边界:0;
边框底部:1px纯蓝色;
利润率:10px-40px;
边缘底部:30px;
}
#表格布局{
宽度:300px;
浮动:左;
边界半径:10px;
字体系列:雷威;
边框:2个实心#ccc;
填充:10px40px25px;
页边顶部:-2px;
}
输入[类型=文本],输入[类型=密码]{
宽度:99.5%;
填充:10px;
边缘顶部:8px;
边框:1px实心#ccc;
左侧填充:5px;
字体大小:16px;
字体系列:雷威;
} 
输入[类型=提交]{
宽度:100%;
背景色:#0467fc;
颜色:白色;
边框:2个实心#0467fc;
填充:10px;
字体大小:20px;
光标:指针;
边界半径:5px;
边缘底部:15px;
}
a{
文字装饰:无;
颜色:矢车菊蓝;
}
我{
颜色:矢车菊蓝;
}
p{
字体大小:16px;
字体大小:粗体;
颜色:红色;
}

//window.on onload functionload=function(){
//document.getElementById('submit')。onclick=function(evt){
//checkInput();
//}//端部onload onclick
回文检验

输入10个字符的回文。 回文::




您必须等待DOM完成加载,然后才能查询它以查找DOM元素和atach事件

  • 最简单的修复方法是将
    放在身体的末端

  • 另一个修复方法是在WindowOnLoad事件中附加处理程序(这就是它在下面的代码段中的工作方式)

在问题中提供的代码片段中,window.onload的附加方式不清楚。另外,在脚本表达式
回文(str);
的末尾,由于var
str
未定义,因此引发了错误,因此我已将其修复

请参阅下面的工作代码段:

document.getElementById('submit').onclick = function(evt) { 
    checkInput();
}

window.onload=函数(){
document.getElementById('submit')。onclick=function(evt){
checkInput();
};};
函数checkInput(){
警报(“检查输入已触发”);
}//结束检查输入
回文检验

输入10个字符的回文。 回文::




您必须等待DOM完成加载,然后才能查询它以查找DOM元素和atach事件

  • 最简单的修复方法是将
    放在身体的末端

  • 另一个修复方法是在WindowOnLoad事件中附加处理程序(这就是它在下面的代码段中的工作方式)

在问题中提供的代码片段中,window.onload的附加方式不清楚。另外,在脚本表达式
回文(str);
的末尾,由于var
str
未定义,因此引发了错误,因此我已将其修复

请参阅下面的工作代码段:

document.getElementById('submit').onclick = function(evt) { 
    checkInput();
}

window.onload=函数(){
document.getElementById('submit')。onclick=function(evt){
checkInput();
};};
函数checkInput(){
警报(“检查输入已触发”);
}//结束检查输入
回文检验

输入10个字符的回文。 回文::




您好,我需要表单中的也是外部的。@BillyPayne查看更新的答案,如果您有任何问题,请告诉我。您好,当我删除onclick=“checkInput();”时从表单上看,脚本不起作用。如何使所有javascript外部化,包括表单输入onclick@BillyPayne在上面的代码片段中,
onclick='checkInput
已删除,并且可以正常工作。感谢您的帮助,将id更改为submit1是答案。我需要表单中的也为外部的。@BillyPayne请参阅更新的答案a如果您有任何问题,请告诉我。当我删除onclick=“checkInput();”时,您好,安德烈从表单上看,脚本不起作用。如何使所有javascript外部化,包括表单输入onclick@BillyPayne在上面的代码片段中,
onclick='checkInput
已被删除,并且可以正常工作。感谢您的帮助,将id更改为submit1就是答案