Web基础学习笔记——JavaScirpt基础

第一节JS简介


1.概述:

1)轻量级脚本语言

2)可插入HTML页面的编程代码

3)可由所有的浏览器执行

4)可用于HTMLWEN,更可广泛用于服务器、PC、笔记本电脑、平板电脑和智能手机设备

2.作用:

1)表单验证,减轻服务器压力

2)页面动态效果

3)动态改变页面内容

3.JAVAJS

1)JAVA是一种服务器端的开发语言

2)JS是一种浏览器脚本语言

4.js基本结构:一般放在head中,写在<script type="text/javascript"></script>

2.执行原理:

1)浏览器输入

2)发送请求,客户端请求包含JS的页面

3)返回相应,从服务器端下载含JS的页面

4)浏览器解析HTML标签和JS脚本

3.JS使用方式

1)html页面内嵌JS代码:<head><script type="text/javascript"></script></head>

2)剪短缩写方式:<input .... Onclick=”javascript:alert();”/>

3)外部JS文件:<script src=”....js” type="text/javascript"></script>

外层为单引号,内层就要是双引号,反之成立

 

第2节JS核心语法


1.变量:弱类型

1)先声明变量再赋值 var w; w = 5;

2)同时声明和赋值变量 var w = 5; var x y z = 5;

3)不声明直接赋值 w = 5;(全局变量)

2.基本数据类型

1)undefined:变量被声明后,但未被赋值

2)String:用单引号或双引号来声明的字符串

3)Booleantruefalse

4)Number:整数或浮点数

5)Null:“无值”或“空对象”

3.Typeof

1)Typeof用于检测变量的值或返回值

2)Typeof运算符的返回值如下

Undefined:这个变量未赋值

Srting:字符串变量

Boolean:布尔值

Number:数值

Object:对象或者null

Function:函数

4.运算符号

1)算数运算符:+ - * / ++ -- %

2)赋值运算符:=

3)比较运算符:> < >= <= == !=

4)逻辑运算符:&& || !

5.逻辑控制语句

1)If条件语句

2)Switch多分支语句

3)While循环语句

4)For循环语句

5)循环中断: breaf:跳出当前整个循环,后面的循环不在执行

   Continue:跳出本次循环

6.注释:单行注释//  多行注释/* */

4.常用的输入/输出

1)alert()提示信息

2)Prompt提示文本,默认值)

3)Console.log()打印

 

 

 

第3节JS规范及调试


1.代码区分大小写

2.var开头,分号结尾

1)未使用var定义的将被作为全局变量

2)考虑到性能,尽量不要使用全局变量

3)定义变量、函数和对象名的时候,不能使用JS保留字

3.程序调试:alert()调试、firebug工具

 

第4节JS函数

1.函数概述:

1)是由时间驱动的或者当它被调用时执行的可重复使用的代码块

2)使用更简,不用电议属于哪个类,直接使用

3.函数分类

1)系统函数

parseInt(“字符串”)将字符串转换为整形数字

parseFloat(“字符串”)将字符串转换为浮点型数字

isNaN()检查是否为非数字

2)自定义函数

有参函数:

无参函数:

函数的调用:函数调用一般和表单元素的时间一起树勇,调用格式:事件名=“函数名”;

3.变量的作用域:

1)全局变量:函数间共享

2)局部变量:函数内部

 

 

第5节JS对象


1.window对象:表示在浏览器打开的窗口

2.常用属性:

1)screen:存放着有关显示浏览器屏幕的信息

2)History:包含用户(在浏览器窗口中)访问过的URL

3)Location:包含有关当前URL的信息

3.常用方法:

1)prompt:提示用户输入的对话框

2)Alert:显示带有一个提示信息和一个确认按钮的警示框

3)Confirm:显示一个带有提示信息、确认和取消按钮的对话框

4)Close:关不浏览器窗口

5)Open:打开一个新的浏览器窗口,加载给定URL索指定的文档

Window.open(“弹窗的url”,”名称”,”窗口特征”)

6)setTimeout:在指定的时间(以毫秒计)后电泳函数或计算表达式

7)setTnterval:按照指定的周期(以毫秒计)来调用函数或表达式

4.常用时事件:

1)Onload:一个页面或者一幅图像完成加载

2)Onmouseover:鼠标移到某元素上

3)Onclick:单机某个对象时调用的事件

4)Onkeydown:某个键盘按键按下

5)Onchange:域的内容被改变

5.日期对象Date

1)var 日期对象=new Date()

2)参数格式:星期 月份 时:分:秒:时区

3)方法:

getDate():从Date对象返回一个月中的某一天

getDay():从Date对象返回一周中的某一天

getmMonth():从Date对象返回月份

getDay():从Date对象返回一周中的某一天

getFullYear():从Date对象以四位数返回年份

getHours():返回Date对象的小时

getMinutes():返回Date对象的分钟

getSeconds():返回Date对象的秒数

6.定时函数

1)setTimeout()用法:setTimeout(调用的函数”,”指定的时间后”)

2)setTnterval():用法:setTnterval(调用的函数”,”指定的时间间隔”)

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值