js函数简单调用举例说明

我们用一个按钮调用一下这个函数:将按钮的点击事件指向这个方法

<input type="button" value="click me" onclick="hanshu()">

现在我在此方法中再写一个方法

我们在这个方法中将body的点击事件指向了一个新的方法,匿名方法。然后弹出click body

function addclick()
{
   // 这样不能实现把body的单击事件指给新的方法, 因为body不能访问在函数体里的函数
   /*
   document.body.onclick = new function()
   {
   alert('click body');
   };
   */

   // 这样可以实现
   document.body.onclick = btnan;

   // 如果把方法指向函数内的方法,则会出现错误:neihanshu未定义
   // document.body.onclick = neihanshu;

}

 

function btnan()
{
   alert('click body');

   //   function neihanshu()
   //   {
   //   alert('函数里的函数被调用');
   //   }
   //   neihanshu();

}

 

简介

function hanshu()
{
      //函数体...
}

 

这样我们就定义了一个名为hanshu的函数,现在我们尝试调用一下这个函数。其实很简单,调用函数就是用函数的名称加括号,即:

hanshu();

这样我们就调用了这个函数。

我们用一个按钮调用一下这个函数:将按钮的点击事件指向这个方法

<input type="button" value="click me" onclick="hanshu()">

现在我在此方法中再写一个方法

我们在这个方法中将body的点击事件指向了一个新的方法,匿名方法。然后弹出click body

function hanshu()
{
   document.body.onclick =  function()
   {
   alert('click body');
   };
}

时间: 2024-09-30 16:26:17

js函数简单调用举例说明的相关文章

setinterval()与clearInterval()JS函数的调用方法_javascript技巧

本文实例讲述了setinterval()与clearInterval()JS函数的调用方法.分享给大家供大家参考.具体如下: 复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  <html xmlns="http://www.

JS函数不同调用模式下,this的指向问题

先看一段有意思的代码 var length = 10; function fn() {   console.log(this.length); } var obj = {   length: 5,   method: function(fn) {     fn();     arguments[0]();   } }; obj.method(fn,1); 浏览器环境 输出结果是10和2. 先说第一个: 执行过程大致如下: obj.method这是个obj对象的方法,而传入的fn是个函数,fn()

js函数般调用正则_javascript技巧

这为调用正则的 exec 方法提供了便捷.例如,在 Firefox中,regex("string") 等同于 regex.exec("string").曾经 ECMAScript 4 建议指出这个功能将会增加到 ES4 规范中,但后来的在 ES4-discuss mailing list 的讨论中,这个建议可能被废除. 然而,你可以通过增加 call 和 apply 方法到 RegExp.prototype 中类似的现实这些方法.既有助于功能设计,又可实现对函数和正

HTML页面,测试JS对C函数的调用简单实例_javascript技巧

这里记一下,以后要用的时候可以查! <HTML> <HEAD> <META NAME="GENERATOR" Content="Microsoft Visual Studio"> <meta http-equiv="content-type" content="text/html;charset=gbk"> <TITLE>HTML页面,测试JS对C函数的调用</

20分求 调用js函数问题,很简单,本人不太熟悉js

问题描述 <javascript>functionsubstr(str,len){}</javascript>我想在绑定数据的时候调用他.<%#DataBinder.Eval(Container.DataItem,"product")%>(如何调用) 解决方案 解决方案二:我顶,快来.解决方案三:我晕了..怎么没人来了.解决方案四:你是想,字段过长的截断加...之类的吧,可以换个思路,把处理写在后台代码里.cspublicstringsubstr(s

javascript 调用js:javascript中iframe里面的页面调用父窗口js函数的方法

实现iframe内部页面直接调用该iframe所属父窗口自定义函数的方法.比如有A窗口,A内有个IFRAME. B,B里面的装载的是C页面,这时C要直接调用A里面的一个自定义函数ExpandPage();那么只要在C页面中写如下JS函数就可以了:window.parent.ExpandPage();如果ExpandPage()有参数也可以直接传递合适的参数进去. 本文链接http://www.cxybl.com/html/wyzz/JavaScript_Ajax/20130131/36765.h

iframe里面的页面调用父窗口,左右窗口js函数的方法

iframe里面的页面调用父窗口,左右窗口js函数的方法 实现iframe内部页面直接调用该iframe所属父窗口自定义函数的方法. 比如有A窗口,A内有个IFRAME B,B里面的装载的是C页面,这时C要直接调用A里面的一个自定义函数AFUN(); 那么只要在C页面中写如下JS函数就可以了: window.parent.AFUN(); 如果AFUN()有参数也可以直接传递合适的参数进去. 例如: 修改父窗口控件属性 window.parent.document.getElementById('

javascript中iframe里面的页面调用父窗口js函数的方法

实现iframe内部页面直接调用该iframe所属父窗口自定义函数的方法. 比如有A窗口,A内有个IFRAME. B,B里面的装载的是C页面,这时C要直接调用A里面的一个自定义函数ExpandPage(); 那么只要在C页面中写如下JS函数就可以了: window.parent.ExpandPage(); 如果ExpandPage()有参数也可以直接传递合适的参数进去.

js函数setTimeout延迟执行的简单介绍

设置指定的JS函数在指定的时间后执行,可以利用setTimeout()函数.   setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式. 语法: setTimeout(code,millisec) 参数: code (必需):要调用的函数后要执行的 JavaScript 代码串. millisec(必需):在执行代码前需等待的毫秒数. 提示: setTimeout() 只执行 code 一次.如果要多次调用,请使用 setInterval() 或者让 code 自身再次调用 s