<script type="text/javascript">
function initEvent(){
var inputs = document.getElementsByTagName("input");
for(var i=0;i<inputs.length;i++){
var input = inputs[i];
input.onclick = buttonClick;
}
}
function buttonClick(){
var inputs = document.getElementsByTagName("input");
for(var i=0;i<inputs.length;i++){
var input = inputs[i];
if(input == event.srcElement){// event.srcElement表示获取发生事件的控件是谁
input.value="呜呜"
}else{
input.value="哈哈";
}
}
//window.alert(1);
}
initEvent();// 初始化不了，因为input标签还没有被解释执行到
</script>
<body>
<input type="button" value="哈哈">
<input type="button" value="哈哈">
<input type="button" value="哈哈">
<input type="button" value="哈哈">
</body>
此时需要在<body onload="initEvent()">中这样既可
如下访问是不行的：原因看else中的注释
<script type="text/javascript">
function initEvent(){
var inputs = document.getElementsByTagName("input");
for(var i=0;i<inputs.length;i++){
var input = inputs[i];
input.onclick =function buttonClick(){
if(this == event.srcElement){// event.srcElement表示获取发生事件的控件是谁
this.value="呜呜";
}else{
//当点击某个文本框时，在此只判断了当前获得焦点的文本框对象是谁，当谁获得焦点就将其value设置为相应字符，对其他文本框未做处理。Else中永远不会执行。
this.value="哈哈";
}
};
}
//window.alert(1);
}
initEvent();// 初始化不了，因为input标签还没有被解释执行到
</script>
<!--EndFragment-->
<!--EndFragment-->
分享到：
相关推荐
然而，对象遍历的顺序问题经常让开发者感到困惑。本篇文章将详细解释JavaScript对象遍历的顺序规则，以及常用的几种遍历方法。 #### 对象遍历顺序的基本原则 在JavaScript中，遍历对象时的顺序并非完全随机，而是...
### JavaScript执行顺序详解 #### 一、HTML文档流与JavaScript执行顺序 JavaScript作为一种网页脚本语言，其执行顺序直接影响到脚本的运行效果和页面的行为。理解JavaScript代码是如何按照顺序被执行的是开发高...
总结一下，HTML、CSS和JavaScript的加载顺序问题对于提高网页性能至关重要。合理的加载顺序和资源管理策略可以大大提升用户体验。在实践中，开发者应该根据具体情况和资源的依赖关系选择合适的解决方案，以确保网页...
"tagsinput.js" 是一个JavaScript库，专门用于创建具有自定义功能的输入框，例如处理多选标签（tag）输入。在这个场景中，我们关注的是它如何实现记录checkbox（复选框）的勾选顺序，并在页面上展示，同时能够将这些...
总结来说，理解HTML中嵌入JavaScript的执行顺序是至关重要的，它可以帮助我们优化代码结构，提高网页性能，并避免因脚本执行时机不当导致的问题。在实际开发中，应合理利用`async`、`defer`等特性，以及模块化加载...
本文实例分析了ajax请求之返回数据的顺序问题。分享给大家供大家参考，具体如下： ajax请求一个url，php后端处理后，数组为如下格式： 代码如下:$a = array( ‘-1’=> 10 ,’-3′ => 2, ‘0’ => ‘5’ ,’-2′ => ...
8. **预加载和预读取**：对于关键的JavaScript文件，可以使用`<link rel="preload" href="script.js">`或`<link rel="prefetch" href="script.js">`来预先加载或预读取资源，这样在用户需要时，脚本已经准备就绪。...
js 实现 改变列表项的上下顺序! 值得下载看看!资源免费,大家分享!!
2. **模拟执行**：在Python中使用类似`execjs`或`JSDOM`的库来执行JavaScript，获取所需数据。 3. **请求头验证**：确保在请求中携带正确的头信息，例如`User-Agent`、`Referer`等，这些可能会影响到服务器的响应。 ...
在这个过程中，浏览器会按照HTML、CSS、JavaScript的顺序逐行解析资源，最后加载JS广告。这样的加载策略有助于优化用户体验，因为主要内容可以更快地呈现给用户，而广告通常被视为非关键元素。 首先，我们来看网页...
8. **兼容性和优化**：确保这个功能在各种浏览器和设备上都能正常工作，可能需要处理CSS样式、触摸事件等问题。同时，为了性能考虑，可以使用防抖(debounce)或节流(throttle)技术来限制事件处理函数的执行频率。 ...
本篇文章将探讨如何在JavaScript中实现按顺序加载并运行JS文件。 首先，理解JavaScript的基本加载机制。默认情况下，浏览器会按HTML文档中`<script>`标签的顺序逐个下载和执行JS文件。然而，如果在`<script>`标签中...
### ASP.NET中不同部分的js代码的执行顺序 在ASP.NET开发中，JavaScript代码的执行顺序对于确保页面逻辑正确运行至关重要。本文将详细介绍ASP.NET环境中不同位置JavaScript代码的执行顺序，帮助开发者更好地理解和...
以一个示例来解释脚本执行顺序，我们可以考虑两个JavaScript文件（1.js和2.js）的加载。当这两个文件通过`<script>`标签按顺序引入时，无论它们是否并行下载，1.js总是在2.js之前执行。这可以通过延迟发送文件内容的...
在本文中，我们将深入探讨如何使用原生JS的`sortTable`方法以及它的工作原理。 首先，`sortTable`通常涉及到以下几个关键步骤： 1. **选择表格元素**：你需要获取到HTML中的表格元素，这可以通过`document....
在给定的标题和描述中，我们聚焦于`cookie.js`和`jquery.js`的加载顺序问题。`cookie.js`通常是一个用于处理浏览器Cookie的JavaScript插件，而`jquery.js`是jQuery库，它提供了丰富的DOM操作、事件处理和Ajax交互等...
JavaScript应用实例-随机打乱数组顺序.js
当项目js（css）文件使用越来越多，js 文件的加载也成了性能上的一个问题，此资源能够在页面全部加载完成后异步加载js等资源文件，它可以顺序加载资源列表，也可以并发加载资源列表，它包含一个方法调用接口：...
本文主要探讨了JavaScript加载顺序与执行原理，以及如何通过优化策略提升性能。 首先，当浏览器遇到`<script>`标签时，会暂停页面的渲染，先下载并执行脚本。这种行为会导致页面呈现的阻塞，特别是在脚本数量较多或...