JavaScript的小知识点

最新推荐文章于 2023-12-23 11:09:23 发布

地里白菜

最新推荐文章于 2023-12-23 11:09:23 发布

阅读量39

点赞数

文章标签： 1024程序员节

本文链接：https://blog.csdn.net/m0_75143836/article/details/134015264

版权

JavaScript 的变量类型：

数值类型： number

字符串类型： string

对象类型： object

布尔类型： boolean

函数类型： function

JavaScript 里特殊的值：

undefined 未定义，所有js 变量未赋于初始值的时候，默认值都是undefined.

null 空值

NaN 全称是：Not a Number。非数字。非数值

JS 中的定义变量格式：

var 变量名;

var 变量名= 值;

关系（比较）运算

等于：	==	等于是简单的做字面值的比较
全等于：	===	除了做字面值的比较之外，还会比较两个变量的数据类型

逻辑运算

且运算： &&

或运算： ||

取反运算：!

数组定义方式

JS 中数组的定义：格式：

var 数组名 = []; // 空数组

var 数组名 = [1 , ’abc’ , true]; // 定义数组同时赋值元素

JS中的常用事件

常用的事件：

onload 加载完成事件：页面加载完成之后，常用于做页面 js 代码初始化操作

onclick 单击事件：常用于按钮的点击响应操作。

onblur 失去焦点事件：常用用于输入框失去焦点后验证其输入内容是否合法。

onchange 内容发生改变事件：常用于下拉列表和输入框内容发生改变后操作

onsubmit 表单提交事件：常用于表单提交前，验证所有表单项是否合法。

onchange	HTML 元素改变
onclick	用户点击 HTML 元素
onmouseover	鼠标指针移动到指定的元素上时发生
onmouseout	用户从一个 HTML 元素上移开鼠标时发生
onkeydown	用户按下键盘按键
onload	浏览器已完成页面的加载

onload 加载完成事件

代码示例：

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>Title</title>

<script type="text/javascript">

// onload 事件的方法

function onloadFun() {

alert('静态注册onload 事件，所有代码');

}

// onload 事件动态注册。是固定写法

window.onload = function () {

alert("动态注册的onload 事件");

}

</script>

</head>

<!--静态注册onload 事件

onload 事件是浏览器解析完页面之后就会自动触发的事件

<body οnlοad="onloadFun();">

-->

<body>

</body>

</html>

onclick 单击事件

代码示例：

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>Title</title>

<script type="text/javascript"> function onclickFun() {

alert("静态注册onclick 事件");

}

// 动态注册onclick 事件

window.onload = function () {

// 1 获取标签对象

* document 是JavaScript 语言提供的一个对象（文档）<br/>

* get 获取

* Element 元素（就是标签）

* By 通过。。 由。。经。。。

* Id id 属性

* getElementById 通过id 属性获取标签对象

**/

var btnObj = document.getElementById("btn01");

// alert( btnObj );

// 2 通过标签对象.事件名 = function(){}

btnObj.onclick = function () {

alert("动态注册的onclick 事件");

}

</script>

</head>

<body>

<button onclick="onclickFun();">按钮1</button>

<button id="btn01">按钮2</button>

</body>

</html>

onblur 失去焦点事件

代码示例：

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>Title</title>

<script type="text/javascript">

// 静态注册失去焦点事件

function onblurFun() {

// console 是控制台对象，是由JavaScript 语言提供，专门用来向浏览器的控制器打印输出，用于测试使用

// log() 是打印的方法

console.log("静态注册失去焦点事件");

}

// 动态注册onblur 事件

window.onload = function () {

//1 获取标签对象

var passwordObj = document.getElementById("password");

// alert(passwordObj);

//2 通过标签对象.事件名= function(){};

passwordObj.onblur = function () {

console.log("动态注册失去焦点事件");

}

</script>

</head>

<body>

用户名:<input type="text" onblur="onblurFun();"><br/>

密码:<input id="password" type="text" ><br/>

</body>

</html>

onchange 内容发生改变事件

代码示例：

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>Title</title>

<script type="text/javascript"> function onchangeFun() {

alert("女神已经改变了");

}

window.onload = function () {

//1 获取标签对象

var selObj = document.getElementById("sel01");

// alert( selObj );

//2 通过标签对象.事件名 = function(){}

selObj.onchange = function () {

alert("男神已经改变了");

}

</script>

</head>

<body>

请选择你心中的女神：

<!--静态注册onchange 事件-->

<select onchange="onchangeFun();">

<option>--女神--</option>

<option>芳芳</option>

<option>佳佳</option>

<option>娘娘</option>

</select>

请选择你心中的男神：

<select id="sel01">

<option>--男神--</option>

<option>小猪佩奇</option>

<option>华仔</option>

<option>富城</option>

</select>

</body>

</html>

onsubmit 表单提交事件

代码示例：

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>Title</title>

<script type="text/javascript" >

// 静态注册表单提交事务

function onsubmitFun(){

// 要验证所有表单项是否合法，如果，有一个不合法就阻止表单提交

alert("静态注册表单提交事件发现不合法");

return flase;

}

window.onload = function () {

//1 获取标签对象

var formObj = document.getElementById("form01");

//2 通过标签对象.事件名= function(){}

formObj.onsubmit = function () {

// 要验证所有表单项是否合法，如果，有一个不合法就阻止表单提交

alert("动态注册表单提交事件发现不合法");

return false;

}

</script>

</head>

<body>

<form action="http://localhost:8080" method="get" onsubmit="return onsubmitFun();">

<input type="submit" value="静态注册"/>

</form>

<form action="http://localhost:8080" id="form01">

<input type="submit" value="动态注册"/>

</form>

</body>

</html>

地里白菜

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript的小知识点

null 空值NaN 全称是：Not a Number。非数字。非数值var 变量名;var 变量名= 值;var 数组名 = [];// 空数组var 数组名 = [1 , ’abc’ , true];// 定义数组同时赋值元素JS中的常用事件。
复制链接

扫一扫