JS学习一

本文详细介绍了JavaScript的基础知识,包括其组成(ECMAScript、BOM、DOM)、与HTML的结合方式、数据类型、语句、数组操作、函数定义与调用、变量作用域、String与Array对象的方法等,适合初学者快速掌握JS编程。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

day1

1.JS简介:基于对象和事件驱动的语言,应用于客户端

 组成:
*ECMAScript
 由ECMA组织指定的js语法,语句
*BOM
 浏览器对象模型
*DOM
 document object model 文档对象模型

2.js和html结合方式
1)使用标签
  <script type="text/jsvascript">
     js代码
  </script>
2)使用script标签引入外部文件
  <script type="text/jsvascript" src="js文件路径"></script>
  
  引入文件时,在标签内不用在写js代码,不会执行

3.js的原始数据类型和声明变量

 原始类型(5个):string、number、boolean、null、undefined

  typeof()显示数据类型

4.js的语句

5.js数组

== 比较值
=== 比较值和类型

1)定义方式:
* var arr = [1,2,"3"];
* var arr = new Array(5); //长度为5的数组
* var arr = new Array(3,4,5) //数组内的元素为3 4 5
2)属性length -->数组的长度 arr.length

6.js函数(方法)
定义函数有三种方式:
1)function 方法名(参数列表){
        方法体;
        返回值(根据实际需要);
   }

   参数直接写参数名称,不需要写var

2)匿名函数
   var 名字 = function(参数列表){
        方法体;
   }

   调用方式: 名字(给参数)


7.全局变量和局部变量

全局变量:在script标签内定义一个变量,这个变量在页面内都可以使用;
局部变量:在方法内部定义的变量只能在方法内部使用

8.html文件解析由上至下,script标签约定放到</body>后面

day2

1.js的String对象

方法和属性:
   length:字符串的长度
   方法:
   1)与html相关的方法:
         bold();//加粗
         fontcolor();//字体颜色
         fontsize();//字体大小 1~7
         link(超链接地址);将字符串穿转化为超链接
         sub()下标
         sup()上标
   2)与java相似的方法:
         contact()连接字符串
         charAt()返回指定位置字符串,位置不存在则返回一个空字符串
         indexOf()返回字符位置,不存在返回-1
         split()切分字符串 
         replace(参数一,参数二) 替换为参数二
         substr(a,b)//从a开始截取b个字符
         substring(c,d)  [c,d)个字符
         
         
2.js的Array对象
   方法:concat()连接两个数组
        join()分隔数组,传一个字符参数
        push()向数组后添加新的元素,并返回新的长度值,传递的数组参数被视为一个整体的元素
        pop()删除最后一个元素,并返回删除的元素
        reverse()反转数组

3.js的Date对象
  获取当前时间:var date = new Date();date.toLocalString();
  使用毫秒数处理缓存的效果 
         *http://www.baidu.com?毫秒数

4.js的Math对象
   都是静态方法,可以直接使用Math.方法();

   ceil()向上舍入
   floor() 向下舍入
   round()四舍五入
   random()0~1之间的随机数

5.js的全局函数

   由于不属于任何一个对象,直接写名称使用
   encode()字符编码
   decode()字符解码

6.js函数的重载
  方法名相同,参数不同
  js不存在重载!!!调用最后一个函数方法
  传递的参数保存到arguments数组中

7.js的BOM对象
   浏览器对象模型
   window:窗口对象、顶层对象
         -方法:
              * alert()、confirm()、prompt()输入对话框、
              * open()打开一个新的窗口
              * close()关闭窗口
              * 做定时器 setInterval(js代码、毫秒数)
                        setTimeout(js代码,毫秒数)多少毫秒后执行一次       js代码,只执行一次
                         clearInterval()、clearTimeout()


8.js的DOM对象:文档对象模型
  
9.document对象:表示整个文档

  常用方法:write()、getElementById()、
      getElementsByName()、getElementsByTagName()获得的是数组                                      

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值