<!--这个程序使用了javascript中的this，this可以减少很多不必要的代码量，并且提高代码的效率-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Untitled Document</title>
<script language="javascript">
function processData(form){
for (var i = 0; i < form.Beatles.length; i++) {
if (form.Beatles[i].checked) {
break;
}
}
var beatle = form.Beatles[i].value;
var song = form.song.value;
alert("Checking whether"+" "+ song+" "+ "features"+" "+ beatle+" "+ "...");
}
function verifySong(entry){//这里的entry是随便起的也可以叫别的名
var song = entry.value;
alert("Checking whether" +" "+ song+" " + "is a Beatles tune...");
}
</script>
</head>
<body>
<form onSubmit="return false">
Choose your favorite Beatle:
<input type="radio" name="Beatles" value="John Lennon" checked/>John <!--看到这里的checked了吧可以这样太简单了-->
<input type="radio" name="Beatles" value="Paul McCartney"/>Paul
<input type="radio" name="Beatles" value="George Harrison"/>George
<input type="radio" name="Beatles" value="Ringo Starr"/>Ringo
<p>
Enter the name of your favorite Beatles song:
<br>
<input type="text" name="song" value="Eleanor Rigby" onChange="verifySong(this)"/>
<p>
<input type="button" name="process" value="Process Request..." onClick="processData(this.form)"/>
<!--因为这个按钮是要提交表单的，直接将form传到指定的函数中-->
</form>
</body>
</html>
分享到：
相关推荐
在JavaScript编程语言中，`this`关键字是一个至关重要的概念，它常常引发初学者的困惑，因为它的值在不同的上下文中可能会有所不同。`this`关键字主要用来引用对象的上下文，或者说是当前执行环境中的对象。在本文中...
接下来，我们要讨论的是在onclick事件处理器中使用的关键字this。在JavaScript中，this关键字总是指向正在执行的函数的上下文对象，也就是调用该函数的对象。在事件处理函数中，this通常指向触发事件的元素。因此，...
JavaScript中this的指向还没搞明白？来这看看 你就懂啦~
JavaScript中的`this`关键字是程序设计中的一个核心概念，它在不同上下文环境中有着不同的指向，这使得理解和掌握`this`的用法至关重要。在JavaScript中，`this`的值取决于函数调用的方式，而不是定义的方式，这为...
在JavaScript开发中，我们经常使用jQuery来简化我们的代码，但是当我们在原生态函数中使用$(this)时，可能会出现无效的问题。例如，在使用hover事件时，我们可能会写出以下代码： ``` $("ul li").hover(function(){...
JavaScript中的`this`关键字是一个非常重要的概念，它与许多其他编程语言中的行为不同，因此常常让开发者感到困惑。本文将详细解析`this`在JavaScript中的工作原理及其绑定规则。 1. `this`并不总是指向函数自身 ...
JavaScript中的`this`关键字是编程过程中经常会遇到的一个关键概念，尤其在面向对象编程中起着至关重要的作用。`this`的值取决于它被调用时的上下文，而不是定义时的位置，这使得它有时会显得有些复杂。在这个深入...
在不同的场景下，`this`的指向会发生变化，这使得它成为JavaScript中理解和使用的一个关键点。 一、基础理解 1. 全局函数中的`this` 如`doSomething`函数所示，如果一个函数作为全局函数定义，`this`默认指向全局...
在JavaScript中，`this`关键字是一个至关重要的概念，它在不同上下文中有着不同的指向。`this`在JavaScript中并不像其他静态类型语言（如Java或C++）中的指针那样工作，而是根据函数调用的方式动态确定其值。以下是...
在全局作用域中使用 `this` 会返回全局对象。对于浏览器环境而言，全局对象是 `window`；而在 Node.js 环境下，则是 `global`。例如： ```javascript console.log(this === window); // true ``` 在上面的例子中，...
在JavaScript中，`this`关键字是一个非常重要的概念，它用于引用当前上下文中的对象。`this`的值在运行时确定，并且根据函数被调用的方式而改变。下面我们将深入探讨`this`的使用方法。 1. **全局作用域与浏览器...
这意味着如果在全局作用域中声明一个变量，并且在函数中使用this来引用这个变量，它实际上引用的是window对象上的属性。例如，调用一个没有明确调用者的函数，其内部的this默认指向window对象。 2. 指向当前对象的...
### 详解Javascript中的`this`指针 在深入探讨`this`指针之前，我们首先应当明确`this`在JavaScript中的基本概念与作用。`this`关键字在JavaScript中扮演了一个非常核心的角色，它是一个特殊的变量，用于引用调用...
在JavaScript编程中，`this`关键字的使用及其指向问题一直是困扰很多开发者的难点之一。不同于传统面向对象编程语言如Java或C#中的`this`概念，JavaScript中的`this`在运行时绑定，并且其指向会根据调用函数的方式而...
JavaScript中的`this`关键字是一个非常重要的概念，它用于在函数执行时引用当前上下文的对象。在JavaScript中，`this`的绑定遵循四个主要规则：默认绑定、隐式绑定、显式绑定和new绑定。让我们逐一深入理解这些规则...
JavaScript中的`this`关键字是一个非常核心的概念，它用于在函数执行时引用当前上下文的对象。在JavaScript中，`this`的值取决于函数被调用的方式，而不是函数定义的位置。理解`this`的工作原理对于深入掌握...
JavaScript中的`this`绑定是一个关键概念，涉及到函数调用、对象方法、构造函数等多个场景。`this`在JavaScript中并不像其他语言中的`this`那样简单地指向对象本身，而是根据函数调用的方式动态确定其指向。理解`...
在JavaScript编程中，`this`关键字是一个至关重要的概念，它表示当前上下文中的对象引用。在不同的场景下，`this`的指向会有所不同，这往往让开发者感到困惑。以下是关于`this`指向问题的详细解释： 一、普通函数...