JS基础

最新推荐文章于 2022-11-23 17:32:46 发布

Lion_H

最新推荐文章于 2022-11-23 17:32:46 发布

阅读量114

点赞数 1

分类专栏： web

本文链接：https://blog.csdn.net/qq_38869493/article/details/105454846

版权

web 专栏收录该内容

4 篇文章 1 订阅

订阅专栏

10：onclick事件注册(其他事件和onclick类似)

11：onchange事件

12：dom模型

13：正则表达式示例

1：JavaScript介绍

js语言诞生主要是完成页面的数据验证，因此运行在客户端，需要运行浏览器来解析执行js代码，js是弱类型（即var类型，类型可变），特点：

交互性：可以做到信息的动态交互
安全性：不允许直接访问本地磁盘
跨平台型：只要是可以解释js的浏览器都可以执行，和平台无关

2：js和html结合方式

在head中使用<script>引入
使用script引入单独的js文件

3：关系运算

等于：==，只比较数据
全等于：===，除了比较还会比较数据类型
&&且运算：当表达式全为真时，返回最后一个表达式的值；当表达式在有一个为假的时候，返回第一个表达式为假的值
||或运算：当表达式全为假时，返回最后一个表达式的值；当表达式在有一个为真的时候，返回第一个表达式为真的值

4：数组格式

var 数组名 = [];
var 数组名 = [1，'abc',true];

5：方法声明

function 函数名(a,b){ 函数体 }；//参数中只需要表明个数就行，需要带返回值时，直接在函数体里面写return就行
var 函数名 = function(形参){ 函数体 }；
js函数不允许重载，进行参数重载时会覆盖上一次定义
arguments隐形参数：在function中不需要定义，但却可以直接用来获取所有参数的变量，成为隐形参数（类似于Java main函数中的String[] args可变长参数）；

6：js中的自定义对象

Object形式的自定义对象：

定义：var 变量名 = new Object()；变量名.属性名 = 值；变量名.函数名 = function(){}；
访问：变量名.属性/函数名()；

{}形式的自定义对象

定义：var 变量名 = { 属性名:值，属性名：值，函数名:function(){} }；
访问：变量名.属性/函数名()；

7：js中的事件

常用事件：

onload：加载完成事件，常用于页面初始化操作
onclick：单击事件，常用于按钮点击操作
onblur：失去焦点事件，常用于输入框失去焦点后的验证输入信息操作
onchange：内容发生改变事件，常用于下拉列表和输入框改变后操作
onsubmit：表单提交事件，常用于表单提交前验证表单数据是否合法

8：事件注册（绑定）

当事件响应后要执行那部分代码操作，称为事件绑定

静态注册：通过html标签的事件属性直接赋予事件响应后的代码，称为静态注册；
动态注册：先通过js代码得到标签的dom对象，然后再通过dom对象.事件名 = function(){}赋予事件响应后的代码，称为动态注册；步骤如下：

获取标签对象
标签对象.事件名 = function(){}；

9：onload事件注册（固定）

静态：<body onload = "onloadFun();">;其中onloadFun()为js函数代码
动态：window.onload = function(){};

10：onclick事件注册(其他事件和onclick类似)

静态：如上；
动态：如下;

<button id = "btn01">按钮</button>
//js中
window.onload = function(){

    var btnObj = document.getElementById("btn01");
    btnObj.onclick = function(){
        //响应事件
    }

}

11：onchange事件

onchange事件阻止表单提交时候，调用方法时前面要加return，根据获取到的值判断是否提交；

12：dom模型

dom：Docuemnt Object Model 文档对象模型
document对象：表示整个html文档，理解如下

document管理了所有的html文档内容
document是一种树结构的文档，有层级关系
它让我们的所有标签都对象化
可以通过document访问所有的标签对象

document对象中的方法介绍

document.getElementsById(elementId)；通过标签的id属性查找标签dom对象
document.getElementsByName(elementName)：通过标签的name属性查找dom对象
document.getElementsByTagName(tagName)：通过标签名查找标签dom对象
document.createElement(tagName)：通过给定的标签名，创建一个标签对象

13：正则表达式示例

//判断字母中是否包含e,/正则表达式值/
var patt = /e/;或者var patt = new RegExp("e");
var str = "abc";
alert(patt.test(str));

Lion_H

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JS基础

1：JavaScript介绍js语言诞生主要是完成页面的数据验证，因此运行在客户端，需要运行浏览器来解析执行js代码，js是弱类型（即var类型，类型可变），特点：交互性：可以做到信息的动态交互安全性：不允许直接访问本地磁盘跨平台型：只要是可以解释js的浏览器都可以执行，和平台无关2：js和html结合方式在head中使用<script>引入使用script引...
复制链接

扫一扫

专栏目录