FE_Basic_Day01-03+HTML+CSS+JS

最新推荐文章于 2025-09-05 17:06:50 发布

David在学习

最新推荐文章于 2025-09-05 17:06:50 发布

阅读量186

点赞数

CC 4.0 BY-SA版权

分类专栏： FE 文章标签：前端 js html css

本文链接：https://blog.youkuaiyun.com/a1032818891/article/details/80910679

FE 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了JavaScript的基础语法，包括变量定义与使用、数据类型、常用操作如弹窗与内容写入、正则表达式的应用及定时器的使用。同时涵盖了DOM操作、事件处理以及一些全局函数的应用。

1.js引入

1.1 内嵌式

<script>
			function tiao(){
				window.location.href="http://www.baidu.com";
			}
</script>

1.2 外联式

<script src="form.js" type="text/javascript" charset="UTF-8"></script>

1.3变量

规范：

（1）必须以字母或下划线开头，中间可以是数字、字符或下划线；

（2）变量名不能包含空格等符号；

（3）不能使用关键字作为变量名；

（4）严格区分大小写；

声明：

var 变量名; //可以不声明，直接使用，默认值undefined

赋值：

var 变量名 = 值;

1.4 数据类型

基本类型

undefined:未初始化；null:表示空，一个占位符

alert(null == undefined);

输出为true,尽管值相等，但含义不同；

调用typeof运算符将返回下列值之一：

boolean

number //表示任意数字

string //双引号或单引号声明

object

引用类型

默认值null

2.操作

alert(); //弹出提示框

innerHTML(); //向页面的某一元素写入一段内容，将原来的东西覆盖

document.write(); //向页面中写入内容

2.1正则匹配

（1）使用String对象中的match方法；

（2）使用正则对象中的test方法；

2.2定时器

setInterval("show()",1000);

clearInterval();//取消由setInterval()设置的timeout

setTimeout();//在指定的毫秒数后调用函数或执行代码片段

clearTimeout();//取消由setTimeout()方法设置的timeout

2.3获得或设置样式

obj.style.属性；//获得

obj.style.属性 = 值；//设置内容

如果属性由多个单词用“-”连接，需删除“-”，并将后一个单词首字母大写；

如：background-color改为 backgroundColor

3.事件

onsubmit

onblur

onfocus

onload

onclick

ondblclick

onchange

onmousedown

onmouseup

onmouseover

onmouseout

onmousemove

onkeydown

onkeyup

onkeypress

3.1 event属性

clientX; //返回当事件被触发时，鼠标指针的水平坐标

clientY;//返回当事件被触发时，鼠标指针的垂直坐标

keyCode; //返回当事件被触发时，键盘输入ASCII码

3.2 event方法

preventDefault();//阻止浏览器的默认行为

stopPropagation();//阻止事件的传播

4. 元素操作

document.createElement; //创建元素节点

ele.appendChild; //向标签结尾添加新的子节点

5. DOM

5.1 document对象

获得元素

getElementById();

getElementsByName();

getElementsByClassName();

getElementsByTagName();

创建元素

createElement();

常见属性

childNodes;

nodeName;

nodeType;

nodeValue;

5.2 element 元素对象

元素Element

属性Attribute

文本Text

统称为Node

6. 全局函数

转换

parseFloat(); //解析一个字符串并返回一个浮点数

parseInt();//解析一个字符串并返回一个整数

eval();//计算js字符串，并把它作为脚本代码来执行

encodeURI();//把字符串编码为URI

decodeURI();//解码某个编码为URI