JS的初级应用

最新推荐文章于 2024-08-17 23:10:04 发布

cyj142602

最新推荐文章于 2024-08-17 23:10:04 发布

阅读量181

点赞数

分类专栏： JS 文章标签： JS

本文链接：https://blog.csdn.net/cyj142602/article/details/79585674

版权

JS 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

JS是一个脚本语言，JavaScript，源代码直接在浏览器上执行，由浏览器解析，不需要编译，与Java语法命名规范都类似。JS由三部分组成，ECMAScript开发标准，DOM文档对象模型，BOM浏览器对象模型。

JS主要有以下几种数据类型，都由关键字 var 声明。

a) 基本类型：Number任何数字、String字符串、Boolean值（false、true）、Undefined值undefined（未初始化的变量）、Null值null表示不存在的对象。

b) 引用类型：类/数组

JS中方法：用关键字 function 声明，形如：function 方法名（参数列表）{方法体}。

Function add（a，b）{
        var sum = a + b；
	return sum；//JS是否有返回值，就看有无return
}

JS主要操作三类对象：

浏览器对象：window(窗口)、location(url对象)、history(历史记录)、document(浏览器主题)。

脚本对象：String字符串、RegExp正则对象、Math数学、Date日期。

HTML对象：H5标签

RegExp语法：

第一种：var patt =new RegExp（pattern，modifiers）

第二种：Var patt=/pattern/modifiers

Pattern 代表匹配规则

modifiers代表执行匹配( i：不区分大小写；g：全局搜索；gi：不区分大小写的全局搜索)

Math类： Math.random() 随机数

Math.round() 四舍五入

Math.ceil() 向上取整

Math.floor() 向下取整

Date类：（起始日期 1970年1月1日 00:00:00）

Seconds和 minutes 0-59

Hours0-23

Day0-6

Date1-31 月份中的天数

Months0-11

浏览器事件（操作的是HTML5的标签属性）形如：<input type="button" value="+" onclick="fun('+')" />

onClick鼠标单击

onSubmit表单提交事件

onChange文本内容或者下拉列表中的选项发生改变

onFocus获得焦点表示文本框等获得鼠标的光标

onBlur失去焦点表示文本框等失去光标

onMouseOver鼠标悬停即鼠标停留在 xx等上方

onMouseOut鼠标移出即鼠标离开xx等区域

onMouseMove鼠标移动表示在xx等上方移动

onMouseDown鼠标按下

onMouseUp鼠标弹起

onLoad网页文件加载事件

浏览器对象window。

属性：document(文档区域)；history(客户访问过的url信息)；location(当前url的信息地址栏)；name(窗口或框架的名字)；status(底部状态栏)；screen(有关客户端的屏幕和显示性能)。

方法：alert("提示信息") 弹出一个包含提示消息的提示框；prompt("提示信息",0)弹出一个带有输入框的提示框，输入框默认值显示0；confirm("提示信息") 弹出一个带有确认和取消按钮的提示框；close() 关闭open打开的窗口,也可以关闭自身，但是有兼容性问题；setTimeout("函数",毫秒值)设置定时器，经过指定的毫秒值，调用某个函数；clearTimeout(定时器对象) 清除定时器；open("url","name","属性列表") 属性列表是键值对，用等号连接，可添加多个属性，用逗号分隔，name，属性列表都可以没有。

open方法中属性列表包括：height 高度；width宽度；top 窗口距离屏幕上方的像素；left窗口距离屏幕左侧的像素；toolbar是否显示工具栏 yes / no；menubar菜单栏 yes / no；scrollbar滚动栏 yes / no；resizable是否允许改变窗口大小 yes / no；location是否显示地址栏 yes / no；status是否显示状态栏内的信息 yes / no。

文本域对象document

属性

alinkColor设置或检索文档中所有活动链接的颜色

bgColor设置document对象的背景颜色

linkColor设置或检索文档链接的颜色

location关于当前url的信息

vlinkColor设置或检索用户访问过的连接颜色

fgColor 设置文档中文本的颜色

history
           方法
               back() 相当于后退按钮
               forward() 相当于前进按钮
               go(url or number) 加载history列表中的一个url 或者要求跳转到的页面数

               go(1) <---> forward()
               go(-1) <---> back()
location
           包含有关当前url的信息
           Location对象是window的一个组成部分
           可以通过 window.location来访问到
           属性
               host 获取url主机名及端口号
               hostname 获取主机名部分
               href 完整的url字符串
           方法
               reload() 重新加载当前页刷新
               assign("url") 加载url指定的新的html文档不会将源页面覆盖
                       可以点击后退返回上一个页面没有修改history
               replace("url")加载url指定的新的html文档
                       替换当前页面覆盖掉原来的历史记录