html之js基础笔记一

最新推荐文章于 2023-04-17 23:03:39 发布

Zlw_LENG

最新推荐文章于 2023-04-17 23:03:39 发布

阅读量182

点赞数

分类专栏： html

本文链接：https://blog.csdn.net/smile_1101/article/details/52244293

版权

html 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

1.变量的命名规则
   区分大小写
2.变量声明
   var--->variable;
   可以使用一个var 声明多个变量，可对其进行赋值，简称初始化

   全局变量声明：
       var all = 123;这是全局变量
       如果给一个尚未声明的变量赋值是，js会自动使用该变量创建一个全局变量
<script>
   var all = 123;//全局变量

   function test(){
       var test;//全局变量
       var test1 = 123;//局部变量
       test2 = 'sss';//这也是全局
   }

   function test1(){
       alert(test);//声明的变量test可在此打印使用，顾test为全局变量
   }

</script>

3.变量的作用域
   指变量在程序中的有效范围
4.if switch 和Java的if switch语法格式相同
   switch(表达式){
       case EXP1:
           //内容
           break;
   }
   <script>
       var name = "JON";
       switch(name){
           case "TOM":
               alert();
               break;
       }
   </script>

5.循环--for while do-while
   for(init(初始化);表达式;increment){
       statment
   }
   while(表达式){
       //判断表达式的值 true 执行 false 终止
   }

   do{
       //先执行一次，再经过表达式 true 执行否则终止
   }while(表达式);

6.函数的定义与调用
   1）定义
       声明函数关键字： function
       function name(){
           //无参函数
       }
       function name(para){
           //带参参函数
       }
       function name(para1,para2...){
           //带参参函数
       }

   2）调用
       示例：
       function acount(price,number){
           var sum = price*number;
           return sum;
       }
       var i = acount(5,5);

7.事件与处理程序
   第一种：事件绑定函数
       function tset(){
       }

       <input οnclick="tset()" />

   第二种：
   <input id="save" name="save" />
   <script>
       var btn_save = document.getElmentById("save");

       btn_save.onclick = function(){
       }
   </script>

8.运算符应用
   赋值运算符
       var useName = "tom";//'=' 简单
       复合赋值运算符
       a += b; ->> a = a+b;
       a -= b; ->> a = a-b;
       a %= b;
       a&b=b; ->> a = a & b;//逻辑与运算
       a |= b;
       a ^= b; =>> a = a^b;
   算术运算符
       + ： 3 + 5
       - ：
       * ：
       / :
       % :

       ++ 自增： i = 1；j = i++ >>> j = 1,i = 2;因为i++是先用后加
                  i = 1；j = ++i 先加后用
       -- 同理

       0作为除数返回>>>Indinity

       <script>
           var p = 110;
           var n =9;
           var s = p*n;
           alert(""+s);
       </script>
   比较运算符
       < <=
       > >=
       != == 根据表面值进行判断，不涉及数据类型判断
       alert("11"==11);// true
       !== === 不仅判断表面值，还进行数据类型判断
       alert("11"===11);// false

   逻辑运算符
       非 !   否定条件运算：右-->左
       与 && 两个操作数的值为true时，结果为true
       alert((1<2)&&(2<3));//true
       或 || 只要两个中有一个为true则返回true

       短路：(1<2)||(2<3)

   条件运算符
       js支持的一种三元运算符
       格式： boolean?1:2;
       boolean-->true-->1
                  false-->2
       例：c = 30>20?30:20;

   字符串运算符
       //字符串拼接
       var a = "hello" + " world!";
       a += " hello EveryOne!"

9.String 对象介绍
   属性>>>
       js中可用‘’或“”括起来表示一个字符串的实例
       通过‘.’调用String对象的属性和方法
       "hello".length;// -->字符串长度5
   常用方法>>
       用于返回第一次出现子字符串的位置，没有返回-1;
       indexOf(subString,startIndex)
       subString 查找的字符串
       startIndex 可选参数
       实例：
       <script>
           var str = "admin@qq.com";
           var index = str.indexOf("@");
           index = str.indexOf("@",6);
       </script>

       用于反悔指定字符串的一个子串,如果是负数，表示从字符串尾部开始计算位置，-1位尾部第一个，-2尾部倒数第二个
       substr(start,length);
       start 起始位置
       var str = "admin@qq.com";
       str.substr(3);//>>in@qq.com
       length 可选参数，指定截取字符串从开始位置的长度
       str.substr(2,4);//>>min@
       str.substr(-3);//>>com

       截取子字符串从from-->to
       前开后闭[f,t);不包括t的字符
       substring(from,to);
       str.substring(3,7);>>>in@q

       用于分割为字符串数组
       split(de,limit);
       de-->分隔符
       limit-->指定返回数组长度
       var str1 = str.split("d");
       返回：a,min@qq.com
10. Math与Date对象
       在使用Math对象是不能通过new关键字声明，而是直接通过Math. 直接使用
   实例：
   Math.PI; 具体见js开发文档

   Date
       <head>
           <script>
               function sysTime(){
                   var now = new Date();//创建对象
                   now.getYear()+1900;
                   now.getFullYear();
                   now.getMonth()+1;
                   new.getDate();日期
                   var day = now.getDay();星期
                   getHours()
                   getMinutes()
                   getSeconds()
                   var arr = new Array("星期日","星期一",""...,"星期六");
                   arr[day];
                   var time = h+"时"+m+"分"+s+"秒";
                   document.getElementById("clock").innerHtml="当前时间："+time;
               }
               window.οnlοad=function(){
                   window.setInterval("sysTime()",1000);
               }
           </script>
       </head>
       <body οnlοad="sysTime()">
           <div id="clock">
           </div>
       </body>

11.window对象
   是所有对象的顶级，不需要new创建实例

   属性：
   document 文档
   location 跳到指定路径的地址
   <script>
       window.location = "url";

   </script>
   ......

   方法：
   alert() 确认对话框
   confirm() 是否关闭对话框
   var firm = confirm("确认退出？");
   alert(firm);

   close() 关窗口

......