为什么没我把window.onload=function{}就可以正常运行，不去就不能运行呢？

wulishengtian 2016-06-22 07:32:51

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>Examples</title>
<meta name="description" content="">
<meta name="keywords" content="">

<style type="text/css">
.init{background: #f5f5f5;font-weight:bold;font-size: 10px;color:#000000;}

#img1{width: 15px;height:15px;display: none;}

#img2{width: 15px;height:15px;display: none;}

.wrong{background: #f5f5f5;font-weight:bold;border:1px #ff0000 solid;color:#000000;}

.right{background: #f5f5f5;font-weight:bold;border:1px #00ff00 solid;color:#000000;}
</style>

<script type="text/javascript">
//window.onload=function() {
function validateEmail() {
var oImg1=document.getElementById("img1");
var oImg2=document.getElementById("img2");
var oIpt=document.getElementById("ipt1");
if(/^\w+@\w+\.\w+$/.test(oIpt.value)){
oIpt.className='right';
oImg2.style.cssText='display:inline-block';
oImg1.style.cssText='display:none';
return true;
} else {
oIpt.className='wrong';
oImg1.style.cssText='display:inline-block';
oImg2.style.cssText='display:none';
return false;
}
}
function validate() {
return validateEmail();
}
//}
</script>
</head>
<body>
<form id="myform" action='show.html' method='post' onsubmit="return validate()">
<div>
请输入常用邮箱地址：
<input type="text" id="ipt1" name="ipt1" class="init" onblur="validateEmail()">
<img id="img1" src="D:/Documents/Pictures/source material image/a.jpg"/>
<img id="img2" src="D:/Documents/Pictures/source material image/c.png"/>
</div>
<br>
<button type="submit">干嘛</button>
</form>
</body>
</html>

...全文

245 4 打赏收藏转发到动态举报

写回复

用AI写文章

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

cocotsau 2016-06-22

打赏
举报

变量、函数作用域的关系


window.onload = function(){
//匿名函数内部定义的变量为局部变量，函数为局部函数，外部无法访问
}


<form id="myform" action='show.html' method='post' onsubmit="return validate()">
<!--这里，在window.onload外部(全局环境)调用validate，自然无效，提示validate未定义-->

Go 旅城通票 2016-06-22

打赏
举报

引用 2 楼 u013116426 的回复:

window.onload本身是加载事件，里面是用来调用方法执行方法的，你把方法写在里面是访问不到的

+++ 写到window.onload里面只能在window.onload里面可以访问，dom中配置的onclick调用的函数需要是window作用域下的

___紫菜 2016-06-22

打赏
举报

window.onload本身是加载事件，里面是用来调用方法执行方法的，你把方法写在里面是访问不到的

usecf 2016-06-22

打赏
举报

不注释也可以运行，不知道你那报什么错误

window.οnlοad=function()是什么意思 onload是window窗口对象的事件属性，语句是把“匿名函数”赋值给window的onload事件属性，当window加载完成时会触发onload事件，也就触发了“匿名函数”，执行函数体内的语句。 ...

今天写一个页面，发现有一部分js代码怎么都没有执行，但是把这段js和body中的代码单独提出来之后又可以运行了。后来才发现是window.onload = function(){}的特性造成的，因为当页面DOM对象加载完毕，web浏览器能够运行JS时，该方法才被触发。也就是说，window.onload是在页面加载完成之后执行的函数，如果你的你页面没有加载完毕，或者说某个东西没有加载出来，...

1、语法 window.onload = function(){} window.addEventListener('load',function() {}); 2、用法是窗口（页面）加载事件，当文档内容完全加载完成会触发该事件（包括图像、脚本文件、CSS文件等），就调用的处理函数。 3、注意有了window.onload就可以把js代码写到页面元素的上方，因为onload是等页面内容全部加载完毕，再去执行处理函数。 window.onload传统注册事件方式只能写一次，如果有多.

页面加载事件：window.onload=function(){} 和 $(function(){}); 1、window.onload=function(){}是js原生的事件； 2、$(function(){});是JQuery的方法；等同于 $(document).ready(function(){}); 意义为在DOM加载完毕后执行了ready()方法。也等同与 jQuery(...

window.onload()的作用 window.onload() 方法用于在网页加载完毕后立刻执行的操作，即当 HTML 文档加载完毕后，立刻执行某个方法。 window.onload() 通常用于元素，在页面完全载入后(包括图片、css文件等等)执行脚本代码。只有一个要执行的函数语法： window.onload = funcRef; 在页面加载完成后 funcRef 方法会被调用。有多个要执行的函数语法： window.οnlοad=function(){ Func1(); Fun

JavaScript

87,904

社区成员

224,614

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章