JavaScript 语法学习笔记.

最新推荐文章于 2025-09-10 14:53:18 发布

转载最新推荐文章于 2025-09-10 14:53:18 发布 · 56 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/xmyy/articles/2017540.html

文章标签：

#javascript #c# #ViewUI

本文深入探讨JavaScript编程语言的核心概念与实际应用，包括变量声明、运算符、条件选择、函数、循环、错误处理、脚本事件等关键知识点。通过具体实例展示如何在网页中实现动态效果与交互功能。

1.分行; (可不写)
2.顺序执行
3. 注释单行://    多行： /* ...   */
<script type="text/javascript">
document.write("<h1>This is a header</h1>");
document.write("<p>This is a paragraph</p>");
//document.write("<p>This is another paragraph</p>");
</script>

4.变量: 大小写敏感,区分大小写，以字母或下划线开头

重新声明 JavaScript 变量
如果您再次声明了 JavaScript 变量，该变量也不会丢失其原始值。
var x=5;   var x;
在以上语句执行后，变量 x 的值仍然是 5。在重新声明该变量时，x 的值不会被重置或清除
5. 运算符类似 C# （数字与字符串相加，结果将成为字符串；
6.条件运算符（variablename=(condition)?value1:value2 类似C#）
7.条件选择:
    if（）{}
    if() {} else {}
    if(){} else if{} else{}
8.多种条件
      switch(n)
        {
           case 1:{     ...; break}
           case 2:{     ....;bradk}
           case 3:{     ....;break}
           default:{ ....}
         }
9.警告框 alert("文本")
10.确认框 confirm("文本")   如果用户点击确认，那么返回值为 true。如果用户点击取消，那么返回值为 false。
11.提示框 prompt("文本","默认值") 提示框经常用于提示用户在进入页面前输入某个值。如果用户点击确认，那么返回值为输入的值。如果用户点击取消，那么返回值为 null
12.函数
function 函数名(var1,var2,...,varX){ //代码 } // 传入参数 var1,var2,...varX
function 函数名()       { //代码 }           //无参数
13.函数返回值 return
        function prod(a,b) //函数返回值为：a*b
            {
              x=a*b
              return x
              }
14.循环
    for
     for (变量=开始值;变量<=结束值;变量=变量+步进值)
     {
       需执行的代码
      }

    whiel:
     while (变量<=结束值)
     {
    需执行的代码
     }

    do ... while:
    do
    {
      需执行的代码
     }
     while (变量<=结束值)
15.循环特殊语句：break,continue
16.For..In 声明用于对数组或者对象的属性进行循环操作 (类似C# foreach)
    for (变量 in 对象)
    {
    在此执行代码
     }

    举例如下：
     <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>

17.脚本事件
18.捕获错误
       try
             {
               //在此运行代码
              }
       catch(err)
             {
               //在此处理错误
              }
     throw 声明的作用是创建 exception（异常或错误 )
         <html>
           <body>
             <script type="text/javascript">
                   var x=prompt("Enter a number between 0 and 10:","")
                   try
                   {
                     if(x>10)
                     throw "Err1"
                     else if(x<0)
                     throw "Err2"
                   }
                   catch(er)
                   {
                     if(er=="Err1")
                     alert("Error! The value is too high")
                     if(er == "Err2")
                     alert("Error! The value is too low")
                   }
              </script>
           </body>
         </html>
19.网页捕捉错误的方法
   onerror=handleErr
   function handleErr(msg,url,l) //使用三个参数来调用：msg（错误消息）、url（发生错误的页面的 url）、line（发生错误的代码行）
      {
        //Handle the error here
        return true or false
       }
20.特殊字符前加'\     ',",&,\,n,r,t,b,f
21.空格 : JavaScript 会忽略多余的空格
22.换行 :
        document.write("Hello \
                        World!")
     以下是错误
              document.write \
                   ("Hello World!")
23.Boolean 对象 : 如果逻辑对象无初始值或者其值为 0、-0、null、""、false、undefined 或者 NaN，那么对象的值为 false。否则，其值为 true（即使当                  自变量为字符串 "false" 时）！
24.Math 对象: 执行普通的算数任务.
25. RegExp 对象用于规定在文本中检索的内容      ??
26.JavaScript 对象:
        Window: JavaScript 层级中的顶层对象。Window 对象表示浏览器窗口。每当 <body> 或者 <frameset> 标签出现，Window 对象就会被自动创建。
        Navigator:包含客户端浏览器的信息;
        Screen:包含客户端显示屏的信息;
        History:包含了浏览器窗口访问过的 URL;
        Location:包含了当前URL的信息;
27.cookie : 存储于访问者的计算机中的变量
28.创建对象 ----***----
29 .定时器：（延迟器）
        用以指定在一段特定的时间后执行某段程序。
         setTimeout()：（1.0版）
        格式：
        [定时器对象名=] setTimeout(“<表达式>”，毫秒)

        功能：执行<表达式>一次。

.对象: Window：对象表示浏览器中打开的窗口
       Navigator：对象包含有关浏览器的信息
       Screen：对象包含有关客户端显示屏幕的信息
       History：对象包含用户（在浏览器窗口中）访问过的 URL
       Location：对象包含有关当前 URL 的信息

     举例： <a href="javascript:history.back()" >后退</a>

转载于:https://www.cnblogs.com/xmyy/articles/2017540.html