`

js 重新学习笔记( 二 ) 弹框, 函数,循环,事件

 
阅读更多

1,  提示框


警告框  -  alert ("文本");


确认框  -  confirm("文本");


提示框  -  prompt("文本","默认值");



2,   js函数 

 


     将js代码写入函数,就可以避免在页面载入时,执行该脚本。

 

         函数包含着一些代码,这些代码只能在事件中被激活,或者调用该函数。

 

 我可以在页面的任何位置调用脚本,如果嵌入外部的  .js脚本  在其他页面也可以调用.

 

    函数在页面起始位置,也就是 <head> 部分 定义

 

 <html>

<head>
<script type="text/javascript">
    function displaymessage()
    {
       alert("Hello World!")
     }
</script>
</head>

<body>
   <form>
      <input type="button" value="Click me!" onclick="displaymessage()" >
  </form>
</body>
</html>

 

 

3,   js函数的 return

 

函数内声明的变量只能在函数内部调用, 叫做本地变量. 本地变量在超出所在函数后失效被销毁

 

      函数之外声明的变量,  在页面上的所有变量都可以访问,

 

      这些变量的生命周期, 从声明开始到 页面关闭结束.     

 

4,   循环 

 

        for ,while 

 

continue , break

  --------------       -----------------

 

for ( 变量  in  对象 ) 

{

....

}   

 

<body>

<script type="text/javascript">
    var x
    var mycars = new Array()
    mycars[0] = "Saab"
    mycars[1] = "Volvo"
    mycars[2] = "BMW"

    for (x in mycars)
    {
         document.write(mycars[x] + "<br />")
    }
</script>

</body>

 

 

5,  各种js事件 

 

     onload ,  onUnload 

     当用户进入页面时触发 onload ,  当用户离开页面时触发 onUnload , 

 

 

6,   onFocus ,  onBlur ,  onChange 

      onChange 一旦用户改变了域中的内容, onChange ... checkEmail 函数就会被调用  

      <input type="text" size="30" id="email" onChange="checkEmail()" >

 

7,   onSubmit 

 

      onSubmit 用于在表单提交之前, 验证所有的表单域 .

      当用户点击表单中的确认按钮时, checkForm  函数被调用, 域值无效函数就会返回 , 当函数

      返回 true 时, 表单提交  反之取消 .

 

      <form method="post" action="xxx.html" onsubmit="return  checkForm()" >

 

 

8,  onMouseOver    onMouseOut

 

---------------------------------

 

下次要专门写一篇 关于 js各种事件的专题文章 .

 

分享到:
评论

相关推荐

    学习笔记简述51单片机延时函数

    学习笔记简述51单片机延时函数学习笔记简述51单片机延时函数学习笔记简述51单片机延时函数学习笔记简述51单片机延时函数学习笔记简述51单片机延时函数学习笔记简述51单片机延时函数学习笔记简述51单片机延时函数学习...

    JavaScript学习笔记_js常用函数封装_js包.zip

    本压缩包“JavaScript学习笔记_js常用函数封装_js包.zip”包含了对JavaScript基础及进阶技巧的学习资料,特别关注了函数封装和模块化开发实践。 首先,`tool.js`可能是一个实用工具函数集合,封装了一些常见的...

    前端学习(四)——javascript学习笔记(二)函数

    前端学习——javascript学习笔记(二)函数

    lwip的回调函数学习笔记与相关函数释疑

    lwip的回调函数学习笔记与相关函数释疑 lwip 是一个轻量级的TCP/IP协议栈,广泛应用于嵌入式系统中。在lwip中,回调函数是一种重要的机制,用于处理网络事件和数据传输。本文将详细介绍lwip的回调函数学习笔记与...

    C++学习笔记--函数指针

    C++学习笔记--函数指针 函数指针 程序运行期间。每个函数都会占用一段连续的内存空间。而函数名就是该函数所占内存区域的起始地址(也称“入口地址”)。我们可以将函数入口地址赋给一个指针变量,使该指针变量...

    js 笔记 javascript 学习笔记

    本学习笔记将深入探讨JavaScript的核心概念,包括变量、数据类型、操作符、控制流程、函数、对象、数组、原型链、闭包等,并结合实际示例,如my.js、order.js、login.js等文件,来讲解其在实际项目中的应用。...

    51单片机C语言延时函数STM32单片机学习笔记

    51单片机C语言延时函数STM32单片机学习笔记51单片机C语言延时函数STM32单片机学习笔记51单片机C语言延时函数STM32单片机学习笔记51单片机C语言延时函数STM32单片机学习笔记51单片机C语言延时函数STM32单片机学习笔记...

    javascript入门学习笔记

    JavaScript,一种广泛应用于Web开发的脚本语言,是前端开发的核心...随着学习的深入,还会接触到更多高级特性和框架,如闭包、原型链、AJAX、jQuery、Vue.js、React.js等,这些都是JavaScript开发者必备的知识技能。

    contiki 学习笔记

    Contiki学习笔记:进程、事件、etimer关系 Contiki 实例: Contiki学习笔记:创建两个交互进程 Contiki 主函数剖析: Contiki学习笔记:main函数剖析 Contiki学习笔记:启动一个进程process_start Contiki学习笔记...

    HTML+CSS+JavaScript教程学习笔记.zip

    HTML+CSS+JavaScript教程学习笔记HTML+CSS+JavaScript教程学习笔记 HTML+CSS+JavaScript教程学习笔记HTML+CSS+JavaScript教程学习笔记 HTML+CSS+JavaScript教程学习笔记HTML+CSS+JavaScript教程学习笔记 ...

    html css js 学习笔记.zip

    html css js 学习笔记html css js 学习笔记html css js 学习笔记 html css js 学习笔记html css js 学习笔记html css js 学习笔记 html css js 学习笔记html css js 学习笔记html css js 学习笔记 html css js 学习...

    C++学习笔记--函数

    **C++学习笔记--函数** 在C++编程中,函数是一种可重用的代码块,它执行特定的任务并可能接收参数、返回值或两者都有。本笔记将深入探讨C++中的函数,包括它们的定义、调用、参数传递以及如何在实际编程中有效地...

    c语言学习笔记劫持函数劫持函数.docx

    "C语言学习笔记劫持函数" C语言学习笔记劫持函数是关于使用C语言实现函数劫持的笔记。函数劫持是指在程序运行时,动态地替换或修改函数的行为,以达到特定的目的。在这个笔记中,我们将使用Detours库来实现函数劫持...

    前端学习笔记-黑马程序员JS

    "前端学习笔记-黑马程序员JS" 本资源主要介绍了 JavaScript 的基本概念和语法,包括变量、数据类型、运算符、流程控制、数组、函数、对象、内置对象等知识点。 变量 在 JavaScript 中,变量可以在三种位置书写:...

    个人Javascript学习笔记 精华版

    本资源为个人Javascript学习笔记的精华版,涵盖了Javascript的基础知识、事件处理、对象和系统函数、浏览器对象等方面的内容。下面是对每个知识点的详细说明: 1. 什么是JavaScript? JavaScript是一种脚本语言,...

    html+css+js学习笔记.zip

    html+css+js学习笔记html+css+js学习笔记html+css+js学习笔记html+css+js学习笔记 html+css+js学习笔记html+css+js学习笔记html+css+js学习笔记html+css+js学习笔记 html+css+js学习笔记html+css+js学习笔记...

    JS常用函数(笔记)

    JavaScript,简称JS,是一种广泛用于Web开发的轻量级脚本语言。在网页交互和动态效果的实现上,JS起着至关重要的作用。以下是一些JS常用函数的详细说明: 1. **事件处理**: - `click()`: 该方法用于模拟用户对...

    JavaScript基础学习笔记

    JavaScript 基础学习笔记 本资源摘要信息基于黑马视频记录的学习笔记...这份资源摘要信息涵盖了 JavaScript 基础知识点、DOM 和事件、高级函数、前端工程化、拓展课程等内容,为学习 JavaScript 提供了全面的知识点。

    JavaScript-学习笔记.pdf

    以上是JavaScript学习笔记中提到的一些核心知识点,通过对这些知识点的理解和熟练应用,可以为进一步学习和掌握JavaScript打下坚实的基础。在实际开发过程中,结合具体的项目需求,这些知识会得到更深入的拓展和应用...

Global site tag (gtag.js) - Google Analytics