JavaScript高级

最新推荐文章于 2023-05-26 14:08:28 发布

qq_38512978

最新推荐文章于 2023-05-26 14:08:28 发布

阅读量92

点赞数

分类专栏：前端文章标签： javaScript

本文链接：https://blog.csdn.net/qq_38512978/article/details/94199190

版权

前端专栏收录该内容

2 篇文章 0 订阅

订阅专栏

一、正则表达式

介绍：校验字符串是否满足一定的规则
创建表达式：
- var reg=new RegExp(“正则表达式”)；
- var re=/正则表达式/;【推荐使用】
方式一对于"\d、\D"之类的匹配模式要转义,但支持字符串拼接、支持变量，方式二无需转义

二、innerHTML：向一块标签去域插入html

使用：obj.innerHTML="";//会覆盖原标签中的内容

三、DOM

文档对象模型(Document Object Model)：用户可以对网页中的元素(标签)进行操作。
底层原理：浏览器将html加载到内存中，生成一棵dom树

		<html lang="en">
		<head>
		    <title>Title</title>
		</head>
		<body>
		    <a href="#">我的链接</a>
		    <h1>我的标题</h1>
		</body>
		</html>

在这里插入图片描述

dom的一些方法

<script>
    //获取单个元素
    var elementById = document.getElementById("id名");

    //获取的是一个数组
    var elementsByTagName = document.getElementsByTagName("标签名");

    //获取的是一个数组
    var elementsByClassName = document.getElementsByClassName("类名");

    //获取的是一个数组
    var elementsByName = document.getElementsByName("属性name的值");

    //创建文本节点
    var text = document.createTextNode("文本内容");

    //添加新节点
    父元素.appendChild(子元素);

    //设置属性或修改属性
    elementById.setAttribute("属性名","属性值");
    
</script>

JavaScript操作CSS样式格式：标签对象.style.样式名=“样式值”-->obj.style.color="blue";

四、JavaScript中的数组对象

创建方式：

<script>

    //长度为0
    var arr1=new Array();

    //长度为5
    var arr2=new Array(5);

    //数组中的元素为1，2，3，4，长度为4  注意：索引从0开始
    var arr3=new Array(1,2,3,4);
    arr3.reverse();//会修改原数组

    //数组中的元素为1，2，3，4，长度为4  注意：索引从0开始
    var arr4=[1,2,3,4];
</script>

特点：
- 可以放不同的类型的值
- 数组长度可变
- 有属性和方法

五、JavaScript中的Date对象

创建方式：var 变量名=new Date();
常用方法：

当标签中的type属性是选择框时，obj.checked的值，选中是true，没选中是false

qq_38512978

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JavaScript高级

一、正则表达式介绍：校验字符串是否满足一定的规则创建表达式：var reg=new RegExp(“正则表达式”)；var re=/正则表达式/;【推荐使用】方式一对于"\d、\D"之类的匹配模式要转义,但支持字符串拼接、支持变量，方式二无需转义二、innerHTML：向一块标签去域插入html使用：obj.innerHTML="";//会覆盖原标签中的内容...
复制链接

扫一扫

专栏目录