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

JS基础教程

最新推荐文章于 2024-05-30 16:03:48 发布

原创最新推荐文章于 2024-05-30 16:03:48 发布 · 105 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #ViewUI

js jquery 等前端专栏收录该内容

51 篇文章

订阅专栏

本文介绍了JavaScript的基础知识，包括提示框的使用方法、函数定义与调用、变量的作用域、循环结构的应用、常见事件如onLoad及onSubmit等的使用场景。

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 函数就会被调用

7, onSubmit

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

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

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

8, onMouseOver onMouseOut

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

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